#C2D4FF - #6085D6 | 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 #C2D4FF to #6085D6

#C2D4FF #6085D6

Calculate the color between two colors, #C2D4FF and #6085D6. 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)

#C2D4FF - #6085D6 | 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 #C2D4FF as 0% and #6085D6 as 100%.

0.0%	0.0% #C2D4FF	RGB 194 212 255	#C2D4FF
16.7%	16.7% #B1C6F8	RGB 177 198 248	#B1C6F8
33.3%	33.3% #A1B9F1	RGB 161 185 241	#A1B9F1
50.0%	50.0% #91ACEA	RGB 145 172 234	#91ACEA
66.7%	66.7% #809FE3	RGB 128 159 227	#809FE3
83.3%	83.3% #7092DC	RGB 112 146 220	#7092DC
100.0%	100.0% #6085D6	RGB 96 133 214	#6085D6

#C2D4FF #B1C6F8 #A1B9F1 #91ACEA #809FE3 #7092DC #6085D6

#C2D4FF - #6085D6

HSV Blend

#C2D4FF - #6085D6 | 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 #C2D4FF as 0% and #6085D6 as 100%.

0.0%	0.0% #C2D4FF	RGB 194 212 255	#C2D4FF
16.7%	16.7% #AFC5F8	RGB 175 197 248	#AFC5F8
33.3%	33.3% #9EB7F1	RGB 158 183 241	#9EB7F1
50.0%	50.0% #8DAAEA	RGB 141 170 234	#8DAAEA
66.7%	66.7% #7D9DE3	RGB 125 157 227	#7D9DE3
83.3%	83.3% #6E90DC	RGB 110 144 220	#6E90DC
100.0%	100.0% #6085D6	RGB 96 133 214	#6085D6

#C2D4FF #AFC5F8 #9EB7F1 #8DAAEA #7D9DE3 #6E90DC #6085D6

#C2D4FF - #8DAAEA - #6085D6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D4FF 0%, #8DAAEA 50%, #6085D6 100%);
    background: -webkit-linear-gradient(top, #C2D4FF 0%, #8DAAEA 50%, #6085D6 100%);
    background: linear-gradient(to bottom, #C2D4FF 0%, #8DAAEA 50%, #6085D6 100%);
}
</style>