#CF91B6 - #FDDFD0 | 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 #CF91B6 to #FDDFD0

#CF91B6 #FDDFD0

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

#CF91B6 - #FDDFD0 | 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 #CF91B6 as 0% and #FDDFD0 as 100%.

0.0%	0.0% #CF91B6	RGB 207 145 182	#CF91B6
16.7%	16.7% #D69EBA	RGB 214 158 186	#D69EBA
33.3%	33.3% #DEABBE	RGB 222 171 190	#DEABBE
50.0%	50.0% #E6B8C3	RGB 230 184 195	#E6B8C3
66.7%	66.7% #EDC5C7	RGB 237 197 199	#EDC5C7
83.3%	83.3% #F5D2CB	RGB 245 210 203	#F5D2CB
100.0%	100.0% #FDDFD0	RGB 253 223 208	#FDDFD0

#CF91B6 #D69EBA #DEABBE #E6B8C3 #EDC5C7 #F5D2CB #FDDFD0

#CF91B6 - #FDDFD0

HSV Blend

#CF91B6 - #FDDFD0 | 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 #CF91B6 as 0% and #FDDFD0 as 100%.

0.0%	0.0% #CF91B6	RGB 207 145 182	#CF91B6
16.7%	16.7% #D69AB5	RGB 214 154 181	#D69AB5
33.3%	33.3% #DEA4B5	RGB 222 164 181	#DEA4B5
50.0%	50.0% #E6AFB6	RGB 230 175 182	#E6AFB6
66.7%	66.7% #EDBAB9	RGB 237 186 185	#EDBAB9
83.3%	83.3% #F5CDC4	RGB 245 205 196	#F5CDC4
100.0%	100.0% #FDDFD0	RGB 253 223 208	#FDDFD0

#CF91B6 #D69AB5 #DEA4B5 #E6AFB6 #EDBAB9 #F5CDC4 #FDDFD0

#CF91B6 - #E6AFB6 - #FDDFD0

CSS codes

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

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