#EDC0DA - #C65F94 | 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 #EDC0DA to #C65F94

#EDC0DA #C65F94

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

#EDC0DA - #C65F94 | 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 #EDC0DA as 0% and #C65F94 as 100%.

0.0%	0.0% #EDC0DA	RGB 237 192 218	#EDC0DA
16.7%	16.7% #E6AFCE	RGB 230 175 206	#E6AFCE
33.3%	33.3% #E09FC2	RGB 224 159 194	#E09FC2
50.0%	50.0% #D98FB7	RGB 217 143 183	#D98FB7
66.7%	66.7% #D37FAB	RGB 211 127 171	#D37FAB
83.3%	83.3% #CC6F9F	RGB 204 111 159	#CC6F9F
100.0%	100.0% #C65F94	RGB 198 95 148	#C65F94

#EDC0DA #E6AFCE #E09FC2 #D98FB7 #D37FAB #CC6F9F #C65F94

#EDC0DA - #C65F94

HSV Blend

#EDC0DA - #C65F94 | 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 #EDC0DA as 0% and #C65F94 as 100%.

0.0%	0.0% #EDC0DA	RGB 237 192 218	#EDC0DA
16.7%	16.7% #E6AECE	RGB 230 174 206	#E6AECE
33.3%	33.3% #E09CC2	RGB 224 156 194	#E09CC2
50.0%	50.0% #D98CB6	RGB 217 140 182	#D98CB6
66.7%	66.7% #D37CAA	RGB 211 124 170	#D37CAA
83.3%	83.3% #CC6D9F	RGB 204 109 159	#CC6D9F
100.0%	100.0% #C65F94	RGB 198 95 148	#C65F94

#EDC0DA #E6AECE #E09CC2 #D98CB6 #D37CAA #CC6D9F #C65F94

#EDC0DA - #D98CB6 - #C65F94

CSS codes

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

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