#E14DA2 - #A81469 | 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 #E14DA2 to #A81469

#E14DA2 #A81469

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

#E14DA2 - #A81469 | 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 #E14DA2 as 0% and #A81469 as 100%.

0.0%	0.0% #E14DA2	RGB 225 77 162	#E14DA2
16.7%	16.7% #D74398	RGB 215 67 152	#D74398
33.3%	33.3% #CE3A8F	RGB 206 58 143	#CE3A8F
50.0%	50.0% #C43085	RGB 196 48 133	#C43085
66.7%	66.7% #BB277C	RGB 187 39 124	#BB277C
83.3%	83.3% #B11D72	RGB 177 29 114	#B11D72
100.0%	100.0% #A81469	RGB 168 20 105	#A81469

#E14DA2 #D74398 #CE3A8F #C43085 #BB277C #B11D72 #A81469

#E14DA2 - #A81469

HSV Blend

#E14DA2 - #A81469 | 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 #E14DA2 as 0% and #A81469 as 100%.

0.0%	0.0% #E14DA2	RGB 225 77 162	#E14DA2
16.7%	16.7% #D74197	RGB 215 65 151	#D74197
33.3%	33.3% #CE378D	RGB 206 55 141	#CE378D
50.0%	50.0% #C42D84	RGB 196 45 132	#C42D84
66.7%	66.7% #BB247A	RGB 187 36 122	#BB247A
83.3%	83.3% #B11B71	RGB 177 27 113	#B11B71
100.0%	100.0% #A81469	RGB 168 20 105	#A81469

#E14DA2 #D74197 #CE378D #C42D84 #BB247A #B11B71 #A81469

#E14DA2 - #C42D84 - #A81469

CSS codes

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

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