#C07B7E - #EDD9DA | 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 #C07B7E to #EDD9DA

#C07B7E #EDD9DA

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

#C07B7E - #EDD9DA | 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 #C07B7E as 0% and #EDD9DA as 100%.

0.0%	0.0% #C07B7E	RGB 192 123 126	#C07B7E
16.7%	16.7% #C78A8D	RGB 199 138 141	#C78A8D
33.3%	33.3% #CF9A9C	RGB 207 154 156	#CF9A9C
50.0%	50.0% #D6AAAC	RGB 214 170 172	#D6AAAC
66.7%	66.7% #DEB9BB	RGB 222 185 187	#DEB9BB
83.3%	83.3% #E5C9CA	RGB 229 201 202	#E5C9CA
100.0%	100.0% #EDD9DA	RGB 237 217 218	#EDD9DA

#C07B7E #C78A8D #CF9A9C #D6AAAC #DEB9BB #E5C9CA #EDD9DA

#C07B7E - #EDD9DA

HSV Blend

#C07B7E - #EDD9DA | 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 #C07B7E as 0% and #EDD9DA as 100%.

0.0%	0.0% #C07B7E	RGB 192 123 126	#C07B7E
16.7%	16.7% #C7888B	RGB 199 136 139	#C7888B
33.3%	33.3% #CF979A	RGB 207 151 154	#CF979A
50.0%	50.0% #D6A6A9	RGB 214 166 169	#D6A6A9
66.7%	66.7% #DEB6B8	RGB 222 182 184	#DEB6B8
83.3%	83.3% #E5C7C9	RGB 229 199 201	#E5C7C9
100.0%	100.0% #EDD9DA	RGB 237 217 218	#EDD9DA

#C07B7E #C7888B #CF979A #D6A6A9 #DEB6B8 #E5C7C9 #EDD9DA

#C07B7E - #D6A6A9 - #EDD9DA

CSS codes

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

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