#C9B2DB - #C2D7E6 | 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 #C9B2DB to #C2D7E6

#C9B2DB #C2D7E6

Calculate the color between two colors, #C9B2DB and #C2D7E6. 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)

#C9B2DB - #C2D7E6 | 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 #C9B2DB as 0% and #C2D7E6 as 100%.

0.0%	0.0% #C9B2DB	RGB 201 178 219	#C9B2DB
16.7%	16.7% #C7B8DC	RGB 199 184 220	#C7B8DC
33.3%	33.3% #C6BEDE	RGB 198 190 222	#C6BEDE
50.0%	50.0% #C5C4E0	RGB 197 196 224	#C5C4E0
66.7%	66.7% #C4CAE2	RGB 196 202 226	#C4CAE2
83.3%	83.3% #C3D0E4	RGB 195 208 228	#C3D0E4
100.0%	100.0% #C2D7E6	RGB 194 215 230	#C2D7E6

#C9B2DB #C7B8DC #C6BEDE #C5C4E0 #C4CAE2 #C3D0E4 #C2D7E6

#C9B2DB - #C2D7E6

HSV Blend

#C9B2DB - #C2D7E6 | 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 #C9B2DB as 0% and #C2D7E6 as 100%.

0.0%	0.0% #C9B2DB	RGB 201 178 219	#C9B2DB
16.7%	16.7% #C3B4DC	RGB 195 180 220	#C3B4DC
33.3%	33.3% #BEB7DE	RGB 190 183 222	#BEB7DE
50.0%	50.0% #B9BAE0	RGB 185 186 224	#B9BAE0
66.7%	66.7% #BCC4E2	RGB 188 196 226	#BCC4E2
83.3%	83.3% #BFCDE4	RGB 191 205 228	#BFCDE4
100.0%	100.0% #C2D7E6	RGB 194 215 230	#C2D7E6

#C9B2DB #C3B4DC #BEB7DE #B9BAE0 #BCC4E2 #BFCDE4 #C2D7E6

#C9B2DB - #B9BAE0 - #C2D7E6

CSS codes

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

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