#EC8EB1 - #B82A63 | 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 #EC8EB1 to #B82A63

#EC8EB1 #B82A63

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

#EC8EB1 - #B82A63 | 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 #EC8EB1 as 0% and #B82A63 as 100%.

0.0%	0.0% #EC8EB1	RGB 236 142 177	#EC8EB1
16.7%	16.7% #E37DA4	RGB 227 125 164	#E37DA4
33.3%	33.3% #DA6C97	RGB 218 108 151	#DA6C97
50.0%	50.0% #D25C8A	RGB 210 92 138	#D25C8A
66.7%	66.7% #C94B7D	RGB 201 75 125	#C94B7D
83.3%	83.3% #C03A70	RGB 192 58 112	#C03A70
100.0%	100.0% #B82A63	RGB 184 42 99	#B82A63

#EC8EB1 #E37DA4 #DA6C97 #D25C8A #C94B7D #C03A70 #B82A63

#EC8EB1 - #B82A63

HSV Blend

#EC8EB1 - #B82A63 | 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 #EC8EB1 as 0% and #B82A63 as 100%.

0.0%	0.0% #EC8EB1	RGB 236 142 177	#EC8EB1
16.7%	16.7% #E37AA2	RGB 227 122 162	#E37AA2
33.3%	33.3% #DA6894	RGB 218 104 148	#DA6894
50.0%	50.0% #D25786	RGB 210 87 134	#D25786
66.7%	66.7% #C9477A	RGB 201 71 122	#C9477A
83.3%	83.3% #C0376E	RGB 192 55 110	#C0376E
100.0%	100.0% #B82A63	RGB 184 42 99	#B82A63

#EC8EB1 #E37AA2 #DA6894 #D25786 #C9477A #C0376E #B82A63

#EC8EB1 - #D25786 - #B82A63

CSS codes

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

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