#C0688C - #EDD3DD | 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 #C0688C to #EDD3DD

#C0688C #EDD3DD

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

#C0688C - #EDD3DD | 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 #C0688C as 0% and #EDD3DD as 100%.

0.0%	0.0% #C0688C	RGB 192 104 140	#C0688C
16.7%	16.7% #C77999	RGB 199 121 153	#C77999
33.3%	33.3% #CF8BA7	RGB 207 139 167	#CF8BA7
50.0%	50.0% #D69DB4	RGB 214 157 180	#D69DB4
66.7%	66.7% #DEAFC2	RGB 222 175 194	#DEAFC2
83.3%	83.3% #E5C1CF	RGB 229 193 207	#E5C1CF
100.0%	100.0% #EDD3DD	RGB 237 211 221	#EDD3DD

#C0688C #C77999 #CF8BA7 #D69DB4 #DEAFC2 #E5C1CF #EDD3DD

#C0688C - #EDD3DD

HSV Blend

#C0688C - #EDD3DD | 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 #C0688C as 0% and #EDD3DD as 100%.

0.0%	0.0% #C0688C	RGB 192 104 140	#C0688C
16.7%	16.7% #C77797	RGB 199 119 151	#C77797
33.3%	33.3% #CF88A4	RGB 207 136 164	#CF88A4
50.0%	50.0% #D699B1	RGB 214 153 177	#D699B1
66.7%	66.7% #DEABBF	RGB 222 171 191	#DEABBF
83.3%	83.3% #E5BECD	RGB 229 190 205	#E5BECD
100.0%	100.0% #EDD3DD	RGB 237 211 221	#EDD3DD

#C0688C #C77797 #CF88A4 #D699B1 #DEABBF #E5BECD #EDD3DD

#C0688C - #D699B1 - #EDD3DD

CSS codes

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

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