#C06F6B - #EDD5D4 | 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 #C06F6B to #EDD5D4

#C06F6B #EDD5D4

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

#C06F6B - #EDD5D4 | 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 #C06F6B as 0% and #EDD5D4 as 100%.

0.0%	0.0% #C06F6B	RGB 192 111 107	#C06F6B
16.7%	16.7% #C7807C	RGB 199 128 124	#C7807C
33.3%	33.3% #CF918E	RGB 207 145 142	#CF918E
50.0%	50.0% #D6A29F	RGB 214 162 159	#D6A29F
66.7%	66.7% #DEB3B1	RGB 222 179 177	#DEB3B1
83.3%	83.3% #E5C4C2	RGB 229 196 194	#E5C4C2
100.0%	100.0% #EDD5D4	RGB 237 213 212	#EDD5D4

#C06F6B #C7807C #CF918E #D6A29F #DEB3B1 #E5C4C2 #EDD5D4

#C06F6B - #EDD5D4

HSV Blend

#C06F6B - #EDD5D4 | 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 #C06F6B as 0% and #EDD5D4 as 100%.

0.0%	0.0% #C06F6B	RGB 192 111 107	#C06F6B
16.7%	16.7% #C77D7A	RGB 199 125 122	#C77D7A
33.3%	33.3% #CF8D8A	RGB 207 141 138	#CF8D8A
50.0%	50.0% #D69E9B	RGB 214 158 155	#D69E9B
66.7%	66.7% #DEAFAD	RGB 222 175 173	#DEAFAD
83.3%	83.3% #E5C1C0	RGB 229 193 192	#E5C1C0
100.0%	100.0% #EDD5D4	RGB 237 213 212	#EDD5D4

#C06F6B #C77D7A #CF8D8A #D69E9B #DEAFAD #E5C1C0 #EDD5D4

#C06F6B - #D69E9B - #EDD5D4

CSS codes

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

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