#C0BFD6 - #FFEAD2 | 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 #C0BFD6 to #FFEAD2

#C0BFD6 #FFEAD2

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

#C0BFD6 - #FFEAD2 | 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 #C0BFD6 as 0% and #FFEAD2 as 100%.

0.0%	0.0% #C0BFD6	RGB 192 191 214	#C0BFD6
16.7%	16.7% #CAC6D5	RGB 202 198 213	#CAC6D5
33.3%	33.3% #D5CDD4	RGB 213 205 212	#D5CDD4
50.0%	50.0% #DFD4D4	RGB 223 212 212	#DFD4D4
66.7%	66.7% #EADBD3	RGB 234 219 211	#EADBD3
83.3%	83.3% #F4E2D2	RGB 244 226 210	#F4E2D2
100.0%	100.0% #FFEAD2	RGB 255 234 210	#FFEAD2

#C0BFD6 #CAC6D5 #D5CDD4 #DFD4D4 #EADBD3 #F4E2D2 #FFEAD2

#C0BFD6 - #FFEAD2

HSV Blend

#C0BFD6 - #FFEAD2 | 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 #C0BFD6 as 0% and #FFEAD2 as 100%.

0.0%	0.0% #C0BFD6	RGB 192 191 214	#C0BFD6
16.7%	16.7% #CEC2DC	RGB 206 194 220	#CEC2DC
33.3%	33.3% #DFC5E3	RGB 223 197 227	#DFC5E3
50.0%	50.0% #EAC9E0	RGB 234 201 224	#EAC9E0
66.7%	66.7% #F1CCD7	RGB 241 204 215	#F1CCD7
83.3%	83.3% #F8D4CF	RGB 248 212 207	#F8D4CF
100.0%	100.0% #FFEAD2	RGB 255 234 210	#FFEAD2

#C0BFD6 #CEC2DC #DFC5E3 #EAC9E0 #F1CCD7 #F8D4CF #FFEAD2

#C0BFD6 - #EAC9E0 - #FFEAD2

CSS codes

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

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