#9CB2FF - #C2DAF2 | 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 #9CB2FF to #C2DAF2

#9CB2FF #C2DAF2

Calculate the color between two colors, #9CB2FF and #C2DAF2. 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)

#9CB2FF - #C2DAF2 | 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 #9CB2FF as 0% and #C2DAF2 as 100%.

0.0%	0.0% #9CB2FF	RGB 156 178 255	#9CB2FF
16.7%	16.7% #A2B8FC	RGB 162 184 252	#A2B8FC
33.3%	33.3% #A8BFFA	RGB 168 191 250	#A8BFFA
50.0%	50.0% #AFC6F8	RGB 175 198 248	#AFC6F8
66.7%	66.7% #B5CCF6	RGB 181 204 246	#B5CCF6
83.3%	83.3% #BBD3F4	RGB 187 211 244	#BBD3F4
100.0%	100.0% #C2DAF2	RGB 194 218 242	#C2DAF2

#9CB2FF #A2B8FC #A8BFFA #AFC6F8 #B5CCF6 #BBD3F4 #C2DAF2

#9CB2FF - #C2DAF2

HSV Blend

#9CB2FF - #C2DAF2 | 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 #9CB2FF as 0% and #C2DAF2 as 100%.

0.0%	0.0% #9CB2FF	RGB 156 178 255	#9CB2FF
16.7%	16.7% #A2BAFC	RGB 162 186 252	#A2BAFC
33.3%	33.3% #A9C2FA	RGB 169 194 250	#A9C2FA
50.0%	50.0% #AFC9F8	RGB 175 201 248	#AFC9F8
66.7%	66.7% #B5D0F6	RGB 181 208 246	#B5D0F6
83.3%	83.3% #BCD5F4	RGB 188 213 244	#BCD5F4
100.0%	100.0% #C2DAF2	RGB 194 218 242	#C2DAF2

#9CB2FF #A2BAFC #A9C2FA #AFC9F8 #B5D0F6 #BCD5F4 #C2DAF2

#9CB2FF - #AFC9F8 - #C2DAF2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9CB2FF 0%, #AFC9F8 50%, #C2DAF2 100%);
    background: -webkit-linear-gradient(top, #9CB2FF 0%, #AFC9F8 50%, #C2DAF2 100%);
    background: linear-gradient(to bottom, #9CB2FF 0%, #AFC9F8 50%, #C2DAF2 100%);
}
</style>