#EDE3EB - #CC92AB | 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 #EDE3EB to #CC92AB

#EDE3EB #CC92AB

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

#EDE3EB - #CC92AB | 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 #EDE3EB as 0% and #CC92AB as 100%.

0.0%	0.0% #EDE3EB	RGB 237 227 235	#EDE3EB
16.7%	16.7% #E7D5E0	RGB 231 213 224	#E7D5E0
33.3%	33.3% #E2C8D5	RGB 226 200 213	#E2C8D5
50.0%	50.0% #DCBACB	RGB 220 186 203	#DCBACB
66.7%	66.7% #D7ADC0	RGB 215 173 192	#D7ADC0
83.3%	83.3% #D19FB5	RGB 209 159 181	#D19FB5
100.0%	100.0% #CC92AB	RGB 204 146 171	#CC92AB

#EDE3EB #E7D5E0 #E2C8D5 #DCBACB #D7ADC0 #D19FB5 #CC92AB

#EDE3EB - #CC92AB

HSV Blend

#EDE3EB - #CC92AB | 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 #EDE3EB as 0% and #CC92AB as 100%.

0.0%	0.0% #EDE3EB	RGB 237 227 235	#EDE3EB
16.7%	16.7% #E7D4E2	RGB 231 212 226	#E7D4E2
33.3%	33.3% #E2C6D9	RGB 226 198 217	#E2C6D9
50.0%	50.0% #DCB8CE	RGB 220 184 206	#DCB8CE
66.7%	66.7% #D7ABC3	RGB 215 171 195	#D7ABC3
83.3%	83.3% #D19EB7	RGB 209 158 183	#D19EB7
100.0%	100.0% #CC92AB	RGB 204 146 171	#CC92AB

#EDE3EB #E7D4E2 #E2C6D9 #DCB8CE #D7ABC3 #D19EB7 #CC92AB

#EDE3EB - #DCB8CE - #CC92AB

CSS codes

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

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