#CAC4E3 - #FFEDDB | 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 #CAC4E3 to #FFEDDB

#CAC4E3 #FFEDDB

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

#CAC4E3 - #FFEDDB | 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 #CAC4E3 as 0% and #FFEDDB as 100%.

0.0%	0.0% #CAC4E3	RGB 202 196 227	#CAC4E3
16.7%	16.7% #D2CAE1	RGB 210 202 225	#D2CAE1
33.3%	33.3% #DBD1E0	RGB 219 209 224	#DBD1E0
50.0%	50.0% #E4D8DF	RGB 228 216 223	#E4D8DF
66.7%	66.7% #EDDFDD	RGB 237 223 221	#EDDFDD
83.3%	83.3% #F6E6DC	RGB 246 230 220	#F6E6DC
100.0%	100.0% #FFEDDB	RGB 255 237 219	#FFEDDB

#CAC4E3 #D2CAE1 #DBD1E0 #E4D8DF #EDDFDD #F6E6DC #FFEDDB

#CAC4E3 - #FFEDDB

HSV Blend

#CAC4E3 - #FFEDDB | 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 #CAC4E3 as 0% and #FFEDDB as 100%.

0.0%	0.0% #CAC4E3	RGB 202 196 227	#CAC4E3
16.7%	16.7% #DAC7E7	RGB 218 199 231	#DAC7E7
33.3%	33.3% #EBCBEC	RGB 235 203 236	#EBCBEC
50.0%	50.0% #F1CFE5	RGB 241 207 229	#F1CFE5
66.7%	66.7% #F5D3DC	RGB 245 211 220	#F5D3DC
83.3%	83.3% #FADBD7	RGB 250 219 215	#FADBD7
100.0%	100.0% #FFEDDB	RGB 255 237 219	#FFEDDB

#CAC4E3 #DAC7E7 #EBCBEC #F1CFE5 #F5D3DC #FADBD7 #FFEDDB

#CAC4E3 - #F1CFE5 - #FFEDDB

CSS codes

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

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