#C6B2D0 - #FFE3C8 | 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 #C6B2D0 to #FFE3C8

#C6B2D0 #FFE3C8

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

#C6B2D0 - #FFE3C8 | 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 #C6B2D0 as 0% and #FFE3C8 as 100%.

0.0%	0.0% #C6B2D0	RGB 198 178 208	#C6B2D0
16.7%	16.7% #CFBACE	RGB 207 186 206	#CFBACE
33.3%	33.3% #D9C2CD	RGB 217 194 205	#D9C2CD
50.0%	50.0% #E2CACC	RGB 226 202 204	#E2CACC
66.7%	66.7% #ECD2CA	RGB 236 210 202	#ECD2CA
83.3%	83.3% #F5DAC9	RGB 245 218 201	#F5DAC9
100.0%	100.0% #FFE3C8	RGB 255 227 200	#FFE3C8

#C6B2D0 #CFBACE #D9C2CD #E2CACC #ECD2CA #F5DAC9 #FFE3C8

#C6B2D0 - #FFE3C8

HSV Blend

#C6B2D0 - #FFE3C8 | 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 #C6B2D0 as 0% and #FFE3C8 as 100%.

0.0%	0.0% #C6B2D0	RGB 198 178 208	#C6B2D0
16.7%	16.7% #D6B6D7	RGB 214 182 215	#D6B6D7
33.3%	33.3% #DFBAD5	RGB 223 186 213	#DFBAD5
50.0%	50.0% #E7BDCF	RGB 231 189 207	#E7BDCF
66.7%	66.7% #EFC1C6	RGB 239 193 198	#EFC1C6
83.3%	83.3% #F7CEC4	RGB 247 206 196	#F7CEC4
100.0%	100.0% #FFE3C8	RGB 255 227 200	#FFE3C8

#C6B2D0 #D6B6D7 #DFBAD5 #E7BDCF #EFC1C6 #F7CEC4 #FFE3C8

#C6B2D0 - #E7BDCF - #FFE3C8

CSS codes

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

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