#F5E2EF - #D48FB0 | 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 #F5E2EF to #D48FB0

#F5E2EF #D48FB0

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

#F5E2EF - #D48FB0 | 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 #F5E2EF as 0% and #D48FB0 as 100%.

0.0%	0.0% #F5E2EF	RGB 245 226 239	#F5E2EF
16.7%	16.7% #EFD4E4	RGB 239 212 228	#EFD4E4
33.3%	33.3% #EAC6DA	RGB 234 198 218	#EAC6DA
50.0%	50.0% #E4B8CF	RGB 228 184 207	#E4B8CF
66.7%	66.7% #DFAAC5	RGB 223 170 197	#DFAAC5
83.3%	83.3% #D99CBA	RGB 217 156 186	#D99CBA
100.0%	100.0% #D48FB0	RGB 212 143 176	#D48FB0

#F5E2EF #EFD4E4 #EAC6DA #E4B8CF #DFAAC5 #D99CBA #D48FB0

#F5E2EF - #D48FB0

HSV Blend

#F5E2EF - #D48FB0 | 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 #F5E2EF as 0% and #D48FB0 as 100%.

0.0%	0.0% #F5E2EF	RGB 245 226 239	#F5E2EF
16.7%	16.7% #EFD3E5	RGB 239 211 229	#EFD3E5
33.3%	33.3% #EAC4DB	RGB 234 196 219	#EAC4DB
50.0%	50.0% #E4B6D1	RGB 228 182 209	#E4B6D1
66.7%	66.7% #DFA8C6	RGB 223 168 198	#DFA8C6
83.3%	83.3% #D99BBB	RGB 217 155 187	#D99BBB
100.0%	100.0% #D48FB0	RGB 212 143 176	#D48FB0

#F5E2EF #EFD3E5 #EAC4DB #E4B6D1 #DFA8C6 #D99BBB #D48FB0

#F5E2EF - #E4B6D1 - #D48FB0

CSS codes

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

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