#CA3232 - #EFC4C4 | 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 #CA3232 to #EFC4C4

#CA3232 #EFC4C4

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

#CA3232 - #EFC4C4 | 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 #CA3232 as 0% and #EFC4C4 as 100%.

0.0%	0.0% #CA3232	RGB 202 50 50	#CA3232
16.7%	16.7% #D04A4A	RGB 208 74 74	#D04A4A
33.3%	33.3% #D66262	RGB 214 98 98	#D66262
50.0%	50.0% #DC7B7B	RGB 220 123 123	#DC7B7B
66.7%	66.7% #E29393	RGB 226 147 147	#E29393
83.3%	83.3% #E8ABAB	RGB 232 171 171	#E8ABAB
100.0%	100.0% #EFC4C4	RGB 239 196 196	#EFC4C4

#CA3232 #D04A4A #D66262 #DC7B7B #E29393 #E8ABAB #EFC4C4

#CA3232 - #EFC4C4

HSV Blend

#CA3232 - #EFC4C4 | 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 #CA3232 as 0% and #EFC4C4 as 100%.

0.0%	0.0% #CA3232	RGB 202 50 50	#CA3232
16.7%	16.7% #D04747	RGB 208 71 71	#D04747
33.3%	33.3% #D65D5D	RGB 214 93 93	#D65D5D
50.0%	50.0% #DC7575	RGB 220 117 117	#DC7575
66.7%	66.7% #E28E8E	RGB 226 142 142	#E28E8E
83.3%	83.3% #E8A8A8	RGB 232 168 168	#E8A8A8
100.0%	100.0% #EFC4C4	RGB 239 196 196	#EFC4C4

#CA3232 #D04747 #D65D5D #DC7575 #E28E8E #E8A8A8 #EFC4C4

#CA3232 - #DC7575 - #EFC4C4

CSS codes

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

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