#F9D5E7 - #D67DA4 | 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 #F9D5E7 to #D67DA4

#F9D5E7 #D67DA4

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

#F9D5E7 - #D67DA4 | 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 #F9D5E7 as 0% and #D67DA4 as 100%.

0.0%	0.0% #F9D5E7	RGB 249 213 231	#F9D5E7
16.7%	16.7% #F3C6DB	RGB 243 198 219	#F3C6DB
33.3%	33.3% #EDB7D0	RGB 237 183 208	#EDB7D0
50.0%	50.0% #E7A9C5	RGB 231 169 197	#E7A9C5
66.7%	66.7% #E19ABA	RGB 225 154 186	#E19ABA
83.3%	83.3% #DB8BAF	RGB 219 139 175	#DB8BAF
100.0%	100.0% #D67DA4	RGB 214 125 164	#D67DA4

#F9D5E7 #F3C6DB #EDB7D0 #E7A9C5 #E19ABA #DB8BAF #D67DA4

#F9D5E7 - #D67DA4

HSV Blend

#F9D5E7 - #D67DA4 | 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 #F9D5E7 as 0% and #D67DA4 as 100%.

0.0%	0.0% #F9D5E7	RGB 249 213 231	#F9D5E7
16.7%	16.7% #F3C5DB	RGB 243 197 219	#F3C5DB
33.3%	33.3% #EDB5D0	RGB 237 181 208	#EDB5D0
50.0%	50.0% #E7A6C5	RGB 231 166 197	#E7A6C5
66.7%	66.7% #E198B9	RGB 225 152 185	#E198B9
83.3%	83.3% #DB8AAE	RGB 219 138 174	#DB8AAE
100.0%	100.0% #D67DA4	RGB 214 125 164	#D67DA4

#F9D5E7 #F3C5DB #EDB5D0 #E7A6C5 #E198B9 #DB8AAE #D67DA4

#F9D5E7 - #E7A6C5 - #D67DA4

CSS codes

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

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