#C06F86 - #EDD5DB | 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 #C06F86 to #EDD5DB

#C06F86 #EDD5DB

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

#C06F86 - #EDD5DB | 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 #C06F86 as 0% and #EDD5DB as 100%.

0.0%	0.0% #C06F86	RGB 192 111 134	#C06F86
16.7%	16.7% #C78094	RGB 199 128 148	#C78094
33.3%	33.3% #CF91A2	RGB 207 145 162	#CF91A2
50.0%	50.0% #D6A2B0	RGB 214 162 176	#D6A2B0
66.7%	66.7% #DEB3BE	RGB 222 179 190	#DEB3BE
83.3%	83.3% #E5C4CC	RGB 229 196 204	#E5C4CC
100.0%	100.0% #EDD5DB	RGB 237 213 219	#EDD5DB

#C06F86 #C78094 #CF91A2 #D6A2B0 #DEB3BE #E5C4CC #EDD5DB

#C06F86 - #EDD5DB

HSV Blend

#C06F86 - #EDD5DB | 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 #C06F86 as 0% and #EDD5DB as 100%.

0.0%	0.0% #C06F85	RGB 192 111 133	#C06F85
16.7%	16.7% #C77D92	RGB 199 125 146	#C77D92
33.3%	33.3% #CF8D9F	RGB 207 141 159	#CF8D9F
50.0%	50.0% #D69EAD	RGB 214 158 173	#D69EAD
66.7%	66.7% #DEAFBB	RGB 222 175 187	#DEAFBB
83.3%	83.3% #E5C1CB	RGB 229 193 203	#E5C1CB
100.0%	100.0% #EDD5DB	RGB 237 213 219	#EDD5DB

#C06F85 #C77D92 #CF8D9F #D69EAD #DEAFBB #E5C1CB #EDD5DB

#C06F86 - #D69EAD - #EDD5DB

CSS codes

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

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