#EF6D9A - #AF0E4E | 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 #EF6D9A to #AF0E4E

#EF6D9A #AF0E4E

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

#EF6D9A - #AF0E4E | 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 #EF6D9A as 0% and #AF0E4E as 100%.

0.0%	0.0% #EF6D9A	RGB 239 109 154	#EF6D9A
16.7%	16.7% #E45D8D	RGB 228 93 141	#E45D8D
33.3%	33.3% #D94D80	RGB 217 77 128	#D94D80
50.0%	50.0% #CF3D74	RGB 207 61 116	#CF3D74
66.7%	66.7% #C42D67	RGB 196 45 103	#C42D67
83.3%	83.3% #B91D5A	RGB 185 29 90	#B91D5A
100.0%	100.0% #AF0E4E	RGB 175 14 78	#AF0E4E

#EF6D9A #E45D8D #D94D80 #CF3D74 #C42D67 #B91D5A #AF0E4E

#EF6D9A - #AF0E4E

HSV Blend

#EF6D9A - #AF0E4E | 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 #EF6D9A as 0% and #AF0E4E as 100%.

0.0%	0.0% #EF6D9A	RGB 239 109 154	#EF6D9A
16.7%	16.7% #E4598A	RGB 228 89 138	#E4598A
33.3%	33.3% #D9477C	RGB 217 71 124	#D9477C
50.0%	50.0% #CF376F	RGB 207 55 111	#CF376F
66.7%	66.7% #C42863	RGB 196 40 99	#C42863
83.3%	83.3% #B91A58	RGB 185 26 88	#B91A58
100.0%	100.0% #AF0E4E	RGB 175 14 78	#AF0E4E

#EF6D9A #E4598A #D9477C #CF376F #C42863 #B91A58 #AF0E4E

#EF6D9A - #CF376F - #AF0E4E

CSS codes

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

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