#ECB5D6 - #C34F8F | 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 #ECB5D6 to #C34F8F

#ECB5D6 #C34F8F

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

#ECB5D6 - #C34F8F | 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 #ECB5D6 as 0% and #C34F8F as 100%.

0.0%	0.0% #ECB5D6	RGB 236 181 214	#ECB5D6
16.7%	16.7% #E5A4CA	RGB 229 164 202	#E5A4CA
33.3%	33.3% #DE93BE	RGB 222 147 190	#DE93BE
50.0%	50.0% #D782B2	RGB 215 130 178	#D782B2
66.7%	66.7% #D071A6	RGB 208 113 166	#D071A6
83.3%	83.3% #C9609A	RGB 201 96 154	#C9609A
100.0%	100.0% #C34F8F	RGB 195 79 143	#C34F8F

#ECB5D6 #E5A4CA #DE93BE #D782B2 #D071A6 #C9609A #C34F8F

#ECB5D6 - #C34F8F

HSV Blend

#ECB5D6 - #C34F8F | 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 #ECB5D6 as 0% and #C34F8F as 100%.

0.0%	0.0% #ECB5D6	RGB 236 181 214	#ECB5D6
16.7%	16.7% #E5A1C9	RGB 229 161 201	#E5A1C9
33.3%	33.3% #DE8FBD	RGB 222 143 189	#DE8FBD
50.0%	50.0% #D77EB1	RGB 215 126 177	#D77EB1
66.7%	66.7% #D06DA5	RGB 208 109 165	#D06DA5
83.3%	83.3% #C95D9A	RGB 201 93 154	#C95D9A
100.0%	100.0% #C34F8F	RGB 195 79 143	#C34F8F

#ECB5D6 #E5A1C9 #DE8FBD #D77EB1 #D06DA5 #C95D9A #C34F8F

#ECB5D6 - #D77EB1 - #C34F8F

CSS codes

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

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