#EC99D9 - #C02493 | 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 #EC99D9 to #C02493

#EC99D9 #C02493

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

#EC99D9 - #C02493 | 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 #EC99D9 as 0% and #C02493 as 100%.

0.0%	0.0% #EC99D9	RGB 236 153 217	#EC99D9
16.7%	16.7% #E485CD	RGB 228 133 205	#E485CD
33.3%	33.3% #DD72C1	RGB 221 114 193	#DD72C1
50.0%	50.0% #D65EB6	RGB 214 94 182	#D65EB6
66.7%	66.7% #CE4BAA	RGB 206 75 170	#CE4BAA
83.3%	83.3% #C7379E	RGB 199 55 158	#C7379E
100.0%	100.0% #C02493	RGB 192 36 147	#C02493

#EC99D9 #E485CD #DD72C1 #D65EB6 #CE4BAA #C7379E #C02493

#EC99D9 - #C02493

HSV Blend

#EC99D9 - #C02493 | 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 #EC99D9 as 0% and #C02493 as 100%.

0.0%	0.0% #EC99D9	RGB 236 153 217	#EC99D9
16.7%	16.7% #E482CD	RGB 228 130 205	#E482CD
33.3%	33.3% #DD6DC1	RGB 221 109 193	#DD6DC1
50.0%	50.0% #D659B5	RGB 214 89 181	#D659B5
66.7%	66.7% #CE46AA	RGB 206 70 170	#CE46AA
83.3%	83.3% #C7349E	RGB 199 52 158	#C7349E
100.0%	100.0% #C02493	RGB 192 36 147	#C02493

#EC99D9 #E482CD #DD6DC1 #D659B5 #CE46AA #C7349E #C02493

#EC99D9 - #D659B5 - #C02493

CSS codes

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

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