#C42B58 - #EEC2CF | 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 #C42B58 to #EEC2CF

#C42B58 #EEC2CF

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

#C42B58 - #EEC2CF | 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 #C42B58 as 0% and #EEC2CF as 100%.

0.0%	0.0% #C42B58	RGB 196 43 88	#C42B58
16.7%	16.7% #CB446B	RGB 203 68 107	#CB446B
33.3%	33.3% #D25D7F	RGB 210 93 127	#D25D7F
50.0%	50.0% #D97693	RGB 217 118 147	#D97693
66.7%	66.7% #E08FA7	RGB 224 143 167	#E08FA7
83.3%	83.3% #E7A8BB	RGB 231 168 187	#E7A8BB
100.0%	100.0% #EEC2CF	RGB 238 194 207	#EEC2CF

#C42B58 #CB446B #D25D7F #D97693 #E08FA7 #E7A8BB #EEC2CF

#C42B58 - #EEC2CF

HSV Blend

#C42B58 - #EEC2CF | 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 #C42B58 as 0% and #EEC2CF as 100%.

0.0%	0.0% #C42B57	RGB 196 43 87	#C42B57
16.7%	16.7% #CB4069	RGB 203 64 105	#CB4069
33.3%	33.3% #D2577B	RGB 210 87 123	#D2577B
50.0%	50.0% #D9708F	RGB 217 112 143	#D9708F
66.7%	66.7% #E08AA3	RGB 224 138 163	#E08AA3
83.3%	83.3% #E7A5B8	RGB 231 165 184	#E7A5B8
100.0%	100.0% #EEC2CF	RGB 238 194 207	#EEC2CF

#C42B57 #CB4069 #D2577B #D9708F #E08AA3 #E7A5B8 #EEC2CF

#C42B58 - #D9708F - #EEC2CF

CSS codes

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

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