#C9575D - #EFCFD0 | 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 #C9575D to #EFCFD0

#C9575D #EFCFD0

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

#C9575D - #EFCFD0 | 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 #C9575D as 0% and #EFCFD0 as 100%.

0.0%	0.0% #C9575D	RGB 201 87 93	#C9575D
16.7%	16.7% #CF6B70	RGB 207 107 112	#CF6B70
33.3%	33.3% #D57F83	RGB 213 127 131	#D57F83
50.0%	50.0% #DC9396	RGB 220 147 150	#DC9396
66.7%	66.7% #E2A7A9	RGB 226 167 169	#E2A7A9
83.3%	83.3% #E8BBBC	RGB 232 187 188	#E8BBBC
100.0%	100.0% #EFCFD0	RGB 239 207 208	#EFCFD0

#C9575D #CF6B70 #D57F83 #DC9396 #E2A7A9 #E8BBBC #EFCFD0

#C9575D - #EFCFD0

HSV Blend

#C9575D - #EFCFD0 | 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 #C9575D as 0% and #EFCFD0 as 100%.

0.0%	0.0% #C9575D	RGB 201 87 93	#C9575D
16.7%	16.7% #CF686D	RGB 207 104 109	#CF686D
33.3%	33.3% #D57B7F	RGB 213 123 127	#D57B7F
50.0%	50.0% #DC8E92	RGB 220 142 146	#DC8E92
66.7%	66.7% #E2A3A5	RGB 226 163 165	#E2A3A5
83.3%	83.3% #E8B8BA	RGB 232 184 186	#E8B8BA
100.0%	100.0% #EFCFD0	RGB 239 207 208	#EFCFD0

#C9575D #CF686D #D57B7F #DC8E92 #E2A3A5 #E8B8BA #EFCFD0

#C9575D - #DC8E92 - #EFCFD0

CSS codes

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

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