#F2D9EB - #D180AB | 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 #F2D9EB to #D180AB

#F2D9EB #D180AB

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

#F2D9EB - #D180AB | 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 #F2D9EB as 0% and #D180AB as 100%.

0.0%	0.0% #F2D9EB	RGB 242 217 235	#F2D9EB
16.7%	16.7% #ECCAE0	RGB 236 202 224	#ECCAE0
33.3%	33.3% #E7BBD5	RGB 231 187 213	#E7BBD5
50.0%	50.0% #E1ACCB	RGB 225 172 203	#E1ACCB
66.7%	66.7% #DC9DC0	RGB 220 157 192	#DC9DC0
83.3%	83.3% #D68EB5	RGB 214 142 181	#D68EB5
100.0%	100.0% #D180AB	RGB 209 128 171	#D180AB

#F2D9EB #ECCAE0 #E7BBD5 #E1ACCB #DC9DC0 #D68EB5 #D180AB

#F2D9EB - #D180AB

HSV Blend

#F2D9EB - #D180AB | 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 #F2D9EB as 0% and #D180AB as 100%.

0.0%	0.0% #F2D9EB	RGB 242 217 235	#F2D9EB
16.7%	16.7% #ECC8E1	RGB 236 200 225	#ECC8E1
33.3%	33.3% #E7B9D7	RGB 231 185 215	#E7B9D7
50.0%	50.0% #E1AACC	RGB 225 170 204	#E1AACC
66.7%	66.7% #DC9BC1	RGB 220 155 193	#DC9BC1
83.3%	83.3% #D68DB6	RGB 214 141 182	#D68DB6
100.0%	100.0% #D180AB	RGB 209 128 171	#D180AB

#F2D9EB #ECC8E1 #E7B9D7 #E1AACC #DC9BC1 #D68DB6 #D180AB

#F2D9EB - #E1AACC - #D180AB

CSS codes

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

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