#C8353D - #EFC5C7 | 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 #C8353D to #EFC5C7

#C8353D #EFC5C7

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

#C8353D - #EFC5C7 | 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 #C8353D as 0% and #EFC5C7 as 100%.

0.0%	0.0% #C8353D	RGB 200 53 61	#C8353D
16.7%	16.7% #CE4D54	RGB 206 77 84	#CE4D54
33.3%	33.3% #D5656B	RGB 213 101 107	#D5656B
50.0%	50.0% #DB7D82	RGB 219 125 130	#DB7D82
66.7%	66.7% #E29599	RGB 226 149 153	#E29599
83.3%	83.3% #E8ADB0	RGB 232 173 176	#E8ADB0
100.0%	100.0% #EFC5C7	RGB 239 197 199	#EFC5C7

#C8353D #CE4D54 #D5656B #DB7D82 #E29599 #E8ADB0 #EFC5C7

#C8353D - #EFC5C7

HSV Blend

#C8353D - #EFC5C7 | 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 #C8353D as 0% and #EFC5C7 as 100%.

0.0%	0.0% #C8353C	RGB 200 53 60	#C8353C
16.7%	16.7% #CE4951	RGB 206 73 81	#CE4951
33.3%	33.3% #D56066	RGB 213 96 102	#D56066
50.0%	50.0% #DB777C	RGB 219 119 124	#DB777C
66.7%	66.7% #E29094	RGB 226 144 148	#E29094
83.3%	83.3% #E8A9AD	RGB 232 169 173	#E8A9AD
100.0%	100.0% #EFC5C7	RGB 239 197 199	#EFC5C7

#C8353C #CE4951 #D56066 #DB777C #E29094 #E8A9AD #EFC5C7

#C8353D - #DB777C - #EFC5C7

CSS codes

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

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