#F7EAF2 - #D69EB4 | 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 #F7EAF2 to #D69EB4

#F7EAF2 #D69EB4

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

#F7EAF2 - #D69EB4 | 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 #F7EAF2 as 0% and #D69EB4 as 100%.

0.0%	0.0% #F7EAF2	RGB 247 234 242	#F7EAF2
16.7%	16.7% #F1DDE7	RGB 241 221 231	#F1DDE7
33.3%	33.3% #ECD0DD	RGB 236 208 221	#ECD0DD
50.0%	50.0% #E6C4D3	RGB 230 196 211	#E6C4D3
66.7%	66.7% #E1B7C8	RGB 225 183 200	#E1B7C8
83.3%	83.3% #DBAABE	RGB 219 170 190	#DBAABE
100.0%	100.0% #D69EB4	RGB 214 158 180	#D69EB4

#F7EAF2 #F1DDE7 #ECD0DD #E6C4D3 #E1B7C8 #DBAABE #D69EB4

#F7EAF2 - #D69EB4

HSV Blend

#F7EAF2 - #D69EB4 | 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 #F7EAF2 as 0% and #D69EB4 as 100%.

0.0%	0.0% #F7EAF2	RGB 247 234 242	#F7EAF2
16.7%	16.7% #F1DCE8	RGB 241 220 232	#F1DCE8
33.3%	33.3% #ECCFDE	RGB 236 207 222	#ECCFDE
50.0%	50.0% #E6C2D4	RGB 230 194 212	#E6C2D4
66.7%	66.7% #E1B5C9	RGB 225 181 201	#E1B5C9
83.3%	83.3% #DBA9BF	RGB 219 169 191	#DBA9BF
100.0%	100.0% #D69EB4	RGB 214 158 180	#D69EB4

#F7EAF2 #F1DCE8 #ECCFDE #E6C2D4 #E1B5C9 #DBA9BF #D69EB4

#F7EAF2 - #E6C2D4 - #D69EB4

CSS codes

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

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