#EFC4D4 - #C5698C | 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 #EFC4D4 to #C5698C

#EFC4D4 #C5698C

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

#EFC4D4 - #C5698C | 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 #EFC4D4 as 0% and #C5698C as 100%.

0.0%	0.0% #EFC4D4	RGB 239 196 212	#EFC4D4
16.7%	16.7% #E8B4C8	RGB 232 180 200	#E8B4C8
33.3%	33.3% #E1A5BC	RGB 225 165 188	#E1A5BC
50.0%	50.0% #DA96B0	RGB 218 150 176	#DA96B0
66.7%	66.7% #D387A4	RGB 211 135 164	#D387A4
83.3%	83.3% #CC7898	RGB 204 120 152	#CC7898
100.0%	100.0% #C5698C	RGB 197 105 140	#C5698C

#EFC4D4 #E8B4C8 #E1A5BC #DA96B0 #D387A4 #CC7898 #C5698C

#EFC4D4 - #C5698C

HSV Blend

#EFC4D4 - #C5698C | 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 #EFC4D4 as 0% and #C5698C as 100%.

0.0%	0.0% #EFC4D4	RGB 239 196 212	#EFC4D4
16.7%	16.7% #E8B3C6	RGB 232 179 198	#E8B3C6
33.3%	33.3% #E1A2BA	RGB 225 162 186	#E1A2BA
50.0%	50.0% #DA93AE	RGB 218 147 174	#DA93AE
66.7%	66.7% #D384A2	RGB 211 132 162	#D384A2
83.3%	83.3% #CC7696	RGB 204 118 150	#CC7696
100.0%	100.0% #C5698C	RGB 197 105 140	#C5698C

#EFC4D4 #E8B3C6 #E1A2BA #DA93AE #D384A2 #CC7696 #C5698C

#EFC4D4 - #DA93AE - #C5698C

CSS codes

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

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