#F5E6EA - #D69B9F | 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 #F5E6EA to #D69B9F

#F5E6EA #D69B9F

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

#F5E6EA - #D69B9F | 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 #F5E6EA as 0% and #D69B9F as 100%.

0.0%	0.0% #F5E6EA	RGB 245 230 234	#F5E6EA
16.7%	16.7% #EFD9DD	RGB 239 217 221	#EFD9DD
33.3%	33.3% #EACDD1	RGB 234 205 209	#EACDD1
50.0%	50.0% #E5C0C4	RGB 229 192 196	#E5C0C4
66.7%	66.7% #E0B4B8	RGB 224 180 184	#E0B4B8
83.3%	83.3% #DBA7AB	RGB 219 167 171	#DBA7AB
100.0%	100.0% #D69B9F	RGB 214 155 159	#D69B9F

#F5E6EA #EFD9DD #EACDD1 #E5C0C4 #E0B4B8 #DBA7AB #D69B9F

#F5E6EA - #D69B9F

HSV Blend

#F5E6EA - #D69B9F | 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 #F5E6EA as 0% and #D69B9F as 100%.

0.0%	0.0% #F5E6EA	RGB 245 230 234	#F5E6EA
16.7%	16.7% #EFD8DE	RGB 239 216 222	#EFD8DE
33.3%	33.3% #EACBD1	RGB 234 203 209	#EACBD1
50.0%	50.0% #E5BEC5	RGB 229 190 197	#E5BEC5
66.7%	66.7% #E0B2B8	RGB 224 178 184	#E0B2B8
83.3%	83.3% #DBA6AB	RGB 219 166 171	#DBA6AB
100.0%	100.0% #D69B9F	RGB 214 155 159	#D69B9F

#F5E6EA #EFD8DE #EACBD1 #E5BEC5 #E0B2B8 #DBA6AB #D69B9F

#F5E6EA - #E5BEC5 - #D69B9F

CSS codes

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

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