#C85990 - #EFCFDF | 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 #C85990 to #EFCFDF

#C85990 #EFCFDF

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

#C85990 - #EFCFDF | 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 #C85990 as 0% and #EFCFDF as 100%.

0.0%	0.0% #C85990	RGB 200 89 144	#C85990
16.7%	16.7% #CE6C9D	RGB 206 108 157	#CE6C9D
33.3%	33.3% #D580AA	RGB 213 128 170	#D580AA
50.0%	50.0% #DB94B7	RGB 219 148 183	#DB94B7
66.7%	66.7% #E2A7C4	RGB 226 167 196	#E2A7C4
83.3%	83.3% #E8BBD1	RGB 232 187 209	#E8BBD1
100.0%	100.0% #EFCFDF	RGB 239 207 223	#EFCFDF

#C85990 #CE6C9D #D580AA #DB94B7 #E2A7C4 #E8BBD1 #EFCFDF

#C85990 - #EFCFDF

HSV Blend

#C85990 - #EFCFDF | 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 #C85990 as 0% and #EFCFDF as 100%.

0.0%	0.0% #C85990	RGB 200 89 144	#C85990
16.7%	16.7% #CE6A9C	RGB 206 106 156	#CE6A9C
33.3%	33.3% #D57CA8	RGB 213 124 168	#D57CA8
50.0%	50.0% #DB8FB5	RGB 219 143 181	#DB8FB5
66.7%	66.7% #E2A4C2	RGB 226 164 194	#E2A4C2
83.3%	83.3% #E8B9D0	RGB 232 185 208	#E8B9D0
100.0%	100.0% #EFCFDF	RGB 239 207 223	#EFCFDF

#C85990 #CE6A9C #D57CA8 #DB8FB5 #E2A4C2 #E8B9D0 #EFCFDF

#C85990 - #DB8FB5 - #EFCFDF

CSS codes

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

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