#EFA8DF - #C7369B | 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 #EFA8DF to #C7369B

#EFA8DF #C7369B

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

#EFA8DF - #C7369B | 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 #EFA8DF as 0% and #C7369B as 100%.

0.0%	0.0% #EFA8DF	RGB 239 168 223	#EFA8DF
16.7%	16.7% #E895D3	RGB 232 149 211	#E895D3
33.3%	33.3% #E182C8	RGB 225 130 200	#E182C8
50.0%	50.0% #DB6FBD	RGB 219 111 189	#DB6FBD
66.7%	66.7% #D45CB1	RGB 212 92 177	#D45CB1
83.3%	83.3% #CD49A6	RGB 205 73 166	#CD49A6
100.0%	100.0% #C7369B	RGB 199 54 155	#C7369B

#EFA8DF #E895D3 #E182C8 #DB6FBD #D45CB1 #CD49A6 #C7369B

#EFA8DF - #C7369B

HSV Blend

#EFA8DF - #C7369B | 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 #EFA8DF as 0% and #C7369B as 100%.

0.0%	0.0% #EFA8DF	RGB 239 168 223	#EFA8DF
16.7%	16.7% #E892D3	RGB 232 146 211	#E892D3
33.3%	33.3% #E17EC8	RGB 225 126 200	#E17EC8
50.0%	50.0% #DB6ABD	RGB 219 106 189	#DB6ABD
66.7%	66.7% #D458B1	RGB 212 88 177	#D458B1
83.3%	83.3% #CD46A6	RGB 205 70 166	#CD46A6
100.0%	100.0% #C7369B	RGB 199 54 155	#C7369B

#EFA8DF #E892D3 #E17EC8 #DB6ABD #D458B1 #CD46A6 #C7369B

#EFA8DF - #DB6ABD - #C7369B

CSS codes

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

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