#EFB2D6 - #C74A8F | 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 #EFB2D6 to #C74A8F

#EFB2D6 #C74A8F

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

#EFB2D6 - #C74A8F | 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 #EFB2D6 as 0% and #C74A8F as 100%.

0.0%	0.0% #EFB2D6	RGB 239 178 214	#EFB2D6
16.7%	16.7% #E8A0CA	RGB 232 160 202	#E8A0CA
33.3%	33.3% #E18FBE	RGB 225 143 190	#E18FBE
50.0%	50.0% #DB7EB2	RGB 219 126 178	#DB7EB2
66.7%	66.7% #D46CA6	RGB 212 108 166	#D46CA6
83.3%	83.3% #CD5B9A	RGB 205 91 154	#CD5B9A
100.0%	100.0% #C74A8F	RGB 199 74 143	#C74A8F

#EFB2D6 #E8A0CA #E18FBE #DB7EB2 #D46CA6 #CD5B9A #C74A8F

#EFB2D6 - #C74A8F

HSV Blend

#EFB2D6 - #C74A8F | 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 #EFB2D6 as 0% and #C74A8F as 100%.

0.0%	0.0% #EFB2D6	RGB 239 178 214	#EFB2D6
16.7%	16.7% #E89EC9	RGB 232 158 201	#E89EC9
33.3%	33.3% #E18CBD	RGB 225 140 189	#E18CBD
50.0%	50.0% #DB7AB1	RGB 219 122 177	#DB7AB1
66.7%	66.7% #D469A5	RGB 212 105 165	#D469A5
83.3%	83.3% #CD599A	RGB 205 89 154	#CD599A
100.0%	100.0% #C74A8F	RGB 199 74 143	#C74A8F

#EFB2D6 #E89EC9 #E18CBD #DB7AB1 #D469A5 #CD599A #C74A8F

#EFB2D6 - #DB7AB1 - #C74A8F

CSS codes

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

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