#EDCADC - #C66F96 | 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 #EDCADC to #C66F96

#EDCADC #C66F96

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

#EDCADC - #C66F96 | 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 #EDCADC as 0% and #C66F96 as 100%.

0.0%	0.0% #EDCADC	RGB 237 202 220	#EDCADC
16.7%	16.7% #E6BAD0	RGB 230 186 208	#E6BAD0
33.3%	33.3% #E0ABC4	RGB 224 171 196	#E0ABC4
50.0%	50.0% #D99CB9	RGB 217 156 185	#D99CB9
66.7%	66.7% #D38DAD	RGB 211 141 173	#D38DAD
83.3%	83.3% #CC7EA1	RGB 204 126 161	#CC7EA1
100.0%	100.0% #C66F96	RGB 198 111 150	#C66F96

#EDCADC #E6BAD0 #E0ABC4 #D99CB9 #D38DAD #CC7EA1 #C66F96

#EDCADC - #C66F96

HSV Blend

#EDCADC - #C66F96 | 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 #EDCADC as 0% and #C66F96 as 100%.

0.0%	0.0% #EDCADC	RGB 237 202 220	#EDCADC
16.7%	16.7% #E6B9D0	RGB 230 185 208	#E6B9D0
33.3%	33.3% #E0A9C4	RGB 224 169 196	#E0A9C4
50.0%	50.0% #D999B8	RGB 217 153 184	#D999B8
66.7%	66.7% #D38AAC	RGB 211 138 172	#D38AAC
83.3%	83.3% #CC7CA1	RGB 204 124 161	#CC7CA1
100.0%	100.0% #C66F96	RGB 198 111 150	#C66F96

#EDCADC #E6B9D0 #E0A9C4 #D999B8 #D38AAC #CC7CA1 #C66F96

#EDCADC - #D999B8 - #C66F96

CSS codes

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

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