#C07B7F - #EDD9DB | 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 #C07B7F to #EDD9DB

#C07B7F #EDD9DB

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

#C07B7F - #EDD9DB | 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 #C07B7F as 0% and #EDD9DB as 100%.

0.0%	0.0% #C07B7F	RGB 192 123 127	#C07B7F
16.7%	16.7% #C78A8E	RGB 199 138 142	#C78A8E
33.3%	33.3% #CF9A9D	RGB 207 154 157	#CF9A9D
50.0%	50.0% #D6AAAD	RGB 214 170 173	#D6AAAD
66.7%	66.7% #DEB9BC	RGB 222 185 188	#DEB9BC
83.3%	83.3% #E5C9CB	RGB 229 201 203	#E5C9CB
100.0%	100.0% #EDD9DB	RGB 237 217 219	#EDD9DB

#C07B7F #C78A8E #CF9A9D #D6AAAD #DEB9BC #E5C9CB #EDD9DB

#C07B7F - #EDD9DB

HSV Blend

#C07B7F - #EDD9DB | 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 #C07B7F as 0% and #EDD9DB as 100%.

0.0%	0.0% #C07B7F	RGB 192 123 127	#C07B7F
16.7%	16.7% #C7888D	RGB 199 136 141	#C7888D
33.3%	33.3% #CF979B	RGB 207 151 155	#CF979B
50.0%	50.0% #D6A6AA	RGB 214 166 170	#D6A6AA
66.7%	66.7% #DEB6BA	RGB 222 182 186	#DEB6BA
83.3%	83.3% #E5C7CA	RGB 229 199 202	#E5C7CA
100.0%	100.0% #EDD9DB	RGB 237 217 219	#EDD9DB

#C07B7F #C7888D #CF979B #D6A6AA #DEB6BA #E5C7CA #EDD9DB

#C07B7F - #D6A6AA - #EDD9DB

CSS codes

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

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