#EC6DB2 - #AF0266 | 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 #EC6DB2 to #AF0266

#EC6DB2 #AF0266

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

#EC6DB2 - #AF0266 | 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 #EC6DB2 as 0% and #AF0266 as 100%.

0.0%	0.0% #EC6DB2	RGB 236 109 178	#EC6DB2
16.7%	16.7% #E15BA5	RGB 225 91 165	#E15BA5
33.3%	33.3% #D74998	RGB 215 73 152	#D74998
50.0%	50.0% #CD378C	RGB 205 55 140	#CD378C
66.7%	66.7% #C3257F	RGB 195 37 127	#C3257F
83.3%	83.3% #B91372	RGB 185 19 114	#B91372
100.0%	100.0% #AF0266	RGB 175 2 102	#AF0266

#EC6DB2 #E15BA5 #D74998 #CD378C #C3257F #B91372 #AF0266

#EC6DB2 - #AF0266

HSV Blend

#EC6DB2 - #AF0266 | 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 #EC6DB2 as 0% and #AF0266 as 100%.

0.0%	0.0% #EC6DB2	RGB 236 109 178	#EC6DB2
16.7%	16.7% #E157A3	RGB 225 87 163	#E157A3
33.3%	33.3% #D74395	RGB 215 67 149	#D74395
50.0%	50.0% #CD3088	RGB 205 48 136	#CD3088
66.7%	66.7% #C31F7C	RGB 195 31 124	#C31F7C
83.3%	83.3% #B91070	RGB 185 16 112	#B91070
100.0%	100.0% #AF0266	RGB 175 2 102	#AF0266

#EC6DB2 #E157A3 #D74395 #CD3088 #C31F7C #B91070 #AF0266

#EC6DB2 - #CD3088 - #AF0266

CSS codes

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

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