#CDBFE4 - #FFEBDB | 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 #CDBFE4 to #FFEBDB

#CDBFE4 #FFEBDB

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

#CDBFE4 - #FFEBDB | 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 #CDBFE4 as 0% and #FFEBDB as 100%.

0.0%	0.0% #CDBFE4	RGB 205 191 228	#CDBFE4
16.7%	16.7% #D5C6E2	RGB 213 198 226	#D5C6E2
33.3%	33.3% #DDCDE1	RGB 221 205 225	#DDCDE1
50.0%	50.0% #E6D5DF	RGB 230 213 223	#E6D5DF
66.7%	66.7% #EEDCDE	RGB 238 220 222	#EEDCDE
83.3%	83.3% #F6E3DC	RGB 246 227 220	#F6E3DC
100.0%	100.0% #FFEBDB	RGB 255 235 219	#FFEBDB

#CDBFE4 #D5C6E2 #DDCDE1 #E6D5DF #EEDCDE #F6E3DC #FFEBDB

#CDBFE4 - #FFEBDB

HSV Blend

#CDBFE4 - #FFEBDB | 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 #CDBFE4 as 0% and #FFEBDB as 100%.

0.0%	0.0% #CDBFE4	RGB 205 191 228	#CDBFE4
16.7%	16.7% #DEC3E8	RGB 222 195 232	#DEC3E8
33.3%	33.3% #EDC8EA	RGB 237 200 234	#EDC8EA
50.0%	50.0% #F1CCE2	RGB 241 204 226	#F1CCE2
66.7%	66.7% #F6D1DA	RGB 246 209 218	#F6D1DA
83.3%	83.3% #FAD9D6	RGB 250 217 214	#FAD9D6
100.0%	100.0% #FFEBDB	RGB 255 235 219	#FFEBDB

#CDBFE4 #DEC3E8 #EDC8EA #F1CCE2 #F6D1DA #FAD9D6 #FFEBDB

#CDBFE4 - #F1CCE2 - #FFEBDB

CSS codes

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

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