#EFB7D9 - #FAF8F2 | 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 #EFB7D9 to #FAF8F2

#EFB7D9 #FAF8F2

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

#EFB7D9 - #FAF8F2 | 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 #EFB7D9 as 0% and #FAF8F2 as 100%.

0.0%	0.0% #EFB7D9	RGB 239 183 217	#EFB7D9
16.7%	16.7% #F0C1DD	RGB 240 193 221	#F0C1DD
33.3%	33.3% #F2CCE1	RGB 242 204 225	#F2CCE1
50.0%	50.0% #F4D7E5	RGB 244 215 229	#F4D7E5
66.7%	66.7% #F6E2E9	RGB 246 226 233	#F6E2E9
83.3%	83.3% #F8EDED	RGB 248 237 237	#F8EDED
100.0%	100.0% #FAF8F2	RGB 250 248 242	#FAF8F2

#EFB7D9 #F0C1DD #F2CCE1 #F4D7E5 #F6E2E9 #F8EDED #FAF8F2

#EFB7D9 - #FAF8F2

HSV Blend

#EFB7D9 - #FAF8F2 | 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 #EFB7D9 as 0% and #FAF8F2 as 100%.

0.0%	0.0% #EFB7D9	RGB 239 183 217	#EFB7D9
16.7%	16.7% #F0C0D2	RGB 240 192 210	#F0C0D2
33.3%	33.3% #F2CAD0	RGB 242 202 208	#F2CAD0
50.0%	50.0% #F4D6D3	RGB 244 214 211	#F4D6D3
66.7%	66.7% #F6E5DD	RGB 246 229 221	#F6E5DD
83.3%	83.3% #F8F0E7	RGB 248 240 231	#F8F0E7
100.0%	100.0% #FAF8F2	RGB 250 248 242	#FAF8F2

#EFB7D9 #F0C0D2 #F2CAD0 #F4D6D3 #F6E5DD #F8F0E7 #FAF8F2

#EFB7D9 - #F4D6D3 - #FAF8F2

CSS codes

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

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