#E4B5DA - #D060B9 | 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 #E4B5DA to #D060B9

#E4B5DA #D060B9

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

#E4B5DA - #D060B9 | 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 #E4B5DA as 0% and #D060B9 as 100%.

0.0%	0.0% #E4B5DA	RGB 228 181 218	#E4B5DA
16.7%	16.7% #E0A6D4	RGB 224 166 212	#E0A6D4
33.3%	33.3% #DD98CF	RGB 221 152 207	#DD98CF
50.0%	50.0% #DA8AC9	RGB 218 138 201	#DA8AC9
66.7%	66.7% #D67CC4	RGB 214 124 196	#D67CC4
83.3%	83.3% #D36EBE	RGB 211 110 190	#D36EBE
100.0%	100.0% #D060B9	RGB 208 96 185	#D060B9

#E4B5DA #E0A6D4 #DD98CF #DA8AC9 #D67CC4 #D36EBE #D060B9

#E4B5DA - #D060B9

HSV Blend

#E4B5DA - #D060B9 | 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 #E4B5DA as 0% and #D060B9 as 100%.

0.0%	0.0% #E4B5DA	RGB 228 181 218	#E4B5DA
16.7%	16.7% #E0A5D4	RGB 224 165 212	#E0A5D4
33.3%	33.3% #DD97CE	RGB 221 151 206	#DD97CE
50.0%	50.0% #DA88C9	RGB 218 136 201	#DA88C9
66.7%	66.7% #D67AC3	RGB 214 122 195	#D67AC3
83.3%	83.3% #D36DBE	RGB 211 109 190	#D36DBE
100.0%	100.0% #D060B9	RGB 208 96 185	#D060B9

#E4B5DA #E0A5D4 #DD97CE #DA88C9 #D67AC3 #D36DBE #D060B9

#E4B5DA - #DA88C9 - #D060B9

CSS codes

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

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