#CF9F9F - #EAACFF | 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 #CF9F9F to #EAACFF

#CF9F9F #EAACFF

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

#CF9F9F - #EAACFF | 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 #CF9F9F as 0% and #EAACFF as 100%.

0.0%	0.0% #CF9F9F	RGB 207 159 159	#CF9F9F
16.7%	16.7% #D3A1AF	RGB 211 161 175	#D3A1AF
33.3%	33.3% #D8A3BF	RGB 216 163 191	#D8A3BF
50.0%	50.0% #DCA5CF	RGB 220 165 207	#DCA5CF
66.7%	66.7% #E1A7DF	RGB 225 167 223	#E1A7DF
83.3%	83.3% #E5A9EF	RGB 229 169 239	#E5A9EF
100.0%	100.0% #EAACFF	RGB 234 172 255	#EAACFF

#CF9F9F #D3A1AF #D8A3BF #DCA5CF #E1A7DF #E5A9EF #EAACFF

#CF9F9F - #EAACFF

HSV Blend

#CF9F9F - #EAACFF | 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 #CF9F9F as 0% and #EAACFF as 100%.

0.0%	0.0% #CF9F9F	RGB 207 159 159	#CF9F9F
16.7%	16.7% #D7A1AC	RGB 215 161 172	#D7A1AC
33.3%	33.3% #DFA4BC	RGB 223 164 188	#DFA4BC
50.0%	50.0% #E7A6CE	RGB 231 166 206	#E7A6CE
66.7%	66.7% #EFA8E3	RGB 239 168 227	#EFA8E3
83.3%	83.3% #F3AAF7	RGB 243 170 247	#F3AAF7
100.0%	100.0% #EAACFF	RGB 234 172 255	#EAACFF

#CF9F9F #D7A1AC #DFA4BC #E7A6CE #EFA8E3 #F3AAF7 #EAACFF

#CF9F9F - #E7A6CE - #EAACFF

CSS codes

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

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