#EC7BDF - #B9009D | 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 #EC7BDF to #B9009D

#EC7BDF #B9009D

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

#EC7BDF - #B9009D | 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 #EC7BDF as 0% and #B9009D as 100%.

0.0%	0.0% #EC7BDF	RGB 236 123 223	#EC7BDF
16.7%	16.7% #E366D4	RGB 227 102 212	#E366D4
33.3%	33.3% #DB52C9	RGB 219 82 201	#DB52C9
50.0%	50.0% #D23DBE	RGB 210 61 190	#D23DBE
66.7%	66.7% #CA29B3	RGB 202 41 179	#CA29B3
83.3%	83.3% #C114A8	RGB 193 20 168	#C114A8
100.0%	100.0% #B9009D	RGB 185 0 157	#B9009D

#EC7BDF #E366D4 #DB52C9 #D23DBE #CA29B3 #C114A8 #B9009D

#EC7BDF - #B9009D

HSV Blend

#EC7BDF - #B9009D | 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 #EC7BDF as 0% and #B9009D as 100%.

0.0%	0.0% #EC7BDF	RGB 236 123 223	#EC7BDF
16.7%	16.7% #E362D3	RGB 227 98 211	#E362D3
33.3%	33.3% #DB4CC8	RGB 219 76 200	#DB4CC8
50.0%	50.0% #D236BD	RGB 210 54 189	#D236BD
66.7%	66.7% #CA23B2	RGB 202 35 178	#CA23B2
83.3%	83.3% #C110A7	RGB 193 16 167	#C110A7
100.0%	100.0% #B9009D	RGB 185 0 157	#B9009D

#EC7BDF #E362D3 #DB4CC8 #D236BD #CA23B2 #C110A7 #B9009D

#EC7BDF - #D236BD - #B9009D

CSS codes

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

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