#2B5384 - #C2CDDB | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #2B5384 to #C2CDDB

#2B5384 #C2CDDB

Calculate the color between two colors, #2B5384 and #C2CDDB. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#2B5384 - #C2CDDB | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #2B5384 as 0% and #C2CDDB as 100%.

0.0%	0.0% #2B5384	RGB 43 83 132	#2B5384
16.7%	16.7% #446792	RGB 68 103 146	#446792
33.3%	33.3% #5D7BA1	RGB 93 123 161	#5D7BA1
50.0%	50.0% #7690AF	RGB 118 144 175	#7690AF
66.7%	66.7% #8FA4BE	RGB 143 164 190	#8FA4BE
83.3%	83.3% #A8B8CC	RGB 168 184 204	#A8B8CC
100.0%	100.0% #C2CDDB	RGB 194 205 219	#C2CDDB

#2B5384 #446792 #5D7BA1 #7690AF #8FA4BE #A8B8CC #C2CDDB

#2B5384 - #C2CDDB

HSV Blend

#2B5384 - #C2CDDB | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #2B5384 as 0% and #C2CDDB as 100%.

0.0%	0.0% #2B5384	RGB 43 83 132	#2B5384
16.7%	16.7% #3D6392	RGB 61 99 146	#3D6392
33.3%	33.3% #5275A1	RGB 82 117 161	#5275A1
50.0%	50.0% #6A89AF	RGB 106 137 175	#6A89AF
66.7%	66.7% #849EBE	RGB 132 158 190	#849EBE
83.3%	83.3% #A2B4CC	RGB 162 180 204	#A2B4CC
100.0%	100.0% #C2CDDB	RGB 194 205 219	#C2CDDB

#2B5384 #3D6392 #5275A1 #6A89AF #849EBE #A2B4CC #C2CDDB

#2B5384 - #6A89AF - #C2CDDB

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #2B5384 0%, #C2CDDB 100%);
    background: -webkit-linear-gradient(top, #2B5384 0%, #C2CDDB 100%);
    background: linear-gradient(to bottom, #2B5384 0%, #C2CDDB 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5384 0%, #6A89AF 50%, #C2CDDB 100%);
    background: -webkit-linear-gradient(top, #2B5384 0%, #6A89AF 50%, #C2CDDB 100%);
    background: linear-gradient(to bottom, #2B5384 0%, #6A89AF 50%, #C2CDDB 100%);
}
</style>