#EDCAD1 - #C66F7B | 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 #EDCAD1 to #C66F7B

#EDCAD1 #C66F7B

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

#EDCAD1 - #C66F7B | 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 #EDCAD1 as 0% and #C66F7B as 100%.

0.0%	0.0% #EDCAD1	RGB 237 202 209	#EDCAD1
16.7%	16.7% #E6BAC2	RGB 230 186 194	#E6BAC2
33.3%	33.3% #E0ABB4	RGB 224 171 180	#E0ABB4
50.0%	50.0% #D99CA6	RGB 217 156 166	#D99CA6
66.7%	66.7% #D38D97	RGB 211 141 151	#D38D97
83.3%	83.3% #CC7E89	RGB 204 126 137	#CC7E89
100.0%	100.0% #C66F7B	RGB 198 111 123	#C66F7B

#EDCAD1 #E6BAC2 #E0ABB4 #D99CA6 #D38D97 #CC7E89 #C66F7B

#EDCAD1 - #C66F7B

HSV Blend

#EDCAD1 - #C66F7B | 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 #EDCAD1 as 0% and #C66F7B as 100%.

0.0%	0.0% #EDCAD1	RGB 237 202 209	#EDCAD1
16.7%	16.7% #E6B9C1	RGB 230 185 193	#E6B9C1
33.3%	33.3% #E0A9B2	RGB 224 169 178	#E0A9B2
50.0%	50.0% #D999A4	RGB 217 153 164	#D999A4
66.7%	66.7% #D38A96	RGB 211 138 150	#D38A96
83.3%	83.3% #CC7C88	RGB 204 124 136	#CC7C88
100.0%	100.0% #C66F7B	RGB 198 111 123	#C66F7B

#EDCAD1 #E6B9C1 #E0A9B2 #D999A4 #D38A96 #CC7C88 #C66F7B

#EDCAD1 - #D999A4 - #C66F7B

CSS codes

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

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