#C93A30 - #EFC6C3 | 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 #C93A30 to #EFC6C3

#C93A30 #EFC6C3

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

#C93A30 - #EFC6C3 | 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 #C93A30 as 0% and #EFC6C3 as 100%.

0.0%	0.0% #C93A30	RGB 201 58 48	#C93A30
16.7%	16.7% #CF5148	RGB 207 81 72	#CF5148
33.3%	33.3% #D56861	RGB 213 104 97	#D56861
50.0%	50.0% #DC8079	RGB 220 128 121	#DC8079
66.7%	66.7% #E29792	RGB 226 151 146	#E29792
83.3%	83.3% #E8AEAA	RGB 232 174 170	#E8AEAA
100.0%	100.0% #EFC6C3	RGB 239 198 195	#EFC6C3

#C93A30 #CF5148 #D56861 #DC8079 #E29792 #E8AEAA #EFC6C3

#C93A30 - #EFC6C3

HSV Blend

#C93A30 - #EFC6C3 | 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 #C93A30 as 0% and #EFC6C3 as 100%.

0.0%	0.0% #C93A30	RGB 201 58 48	#C93A30
16.7%	16.7% #CF4E45	RGB 207 78 69	#CF4E45
33.3%	33.3% #D5645C	RGB 213 100 92	#D5645C
50.0%	50.0% #DC7A74	RGB 220 122 116	#DC7A74
66.7%	66.7% #E2928D	RGB 226 146 141	#E2928D
83.3%	83.3% #E8ABA7	RGB 232 171 167	#E8ABA7
100.0%	100.0% #EFC6C3	RGB 239 198 195	#EFC6C3

#C93A30 #CF4E45 #D5645C #DC7A74 #E2928D #E8ABA7 #EFC6C3

#C93A30 - #DC7A74 - #EFC6C3

CSS codes

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

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