#C2B2FF - #CFE4D7 | 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 #C2B2FF to #CFE4D7

#C2B2FF #CFE4D7

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

#C2B2FF - #CFE4D7 | 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 #C2B2FF as 0% and #CFE4D7 as 100%.

0.0%	0.0% #C2B2FF	RGB 194 178 255	#C2B2FF
16.7%	16.7% #C4BAF8	RGB 196 186 248	#C4BAF8
33.3%	33.3% #C6C2F1	RGB 198 194 241	#C6C2F1
50.0%	50.0% #C8CBEB	RGB 200 203 235	#C8CBEB
66.7%	66.7% #CAD3E4	RGB 202 211 228	#CAD3E4
83.3%	83.3% #CCDBDD	RGB 204 219 221	#CCDBDD
100.0%	100.0% #CFE4D7	RGB 207 228 215	#CFE4D7

#C2B2FF #C4BAF8 #C6C2F1 #C8CBEB #CAD3E4 #CCDBDD #CFE4D7

#C2B2FF - #CFE4D7

HSV Blend

#C2B2FF - #CFE4D7 | 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 #C2B2FF as 0% and #CFE4D7 as 100%.

0.0%	0.0% #C2B2FF	RGB 194 178 255	#C2B2FF
16.7%	16.7% #B7BEFA	RGB 183 190 250	#B7BEFA
33.3%	33.3% #BCD3F6	RGB 188 211 246	#BCD3F6
50.0%	50.0% #C1E3F1	RGB 193 227 241	#C1E3F1
66.7%	66.7% #C6EDEC	RGB 198 237 236	#C6EDEC
83.3%	83.3% #CAE8DF	RGB 202 232 223	#CAE8DF
100.0%	100.0% #CFE4D7	RGB 207 228 215	#CFE4D7

#C2B2FF #B7BEFA #BCD3F6 #C1E3F1 #C6EDEC #CAE8DF #CFE4D7

#C2B2FF - #C1E3F1 - #CFE4D7

CSS codes

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

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