#DB9FA0 - #FFB8EB | 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 #DB9FA0 to #FFB8EB

#DB9FA0 #FFB8EB

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

#DB9FA0 - #FFB8EB | 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 #DB9FA0 as 0% and #FFB8EB as 100%.

0.0%	0.0% #DB9FA0	RGB 219 159 160	#DB9FA0
16.7%	16.7% #E1A3AC	RGB 225 163 172	#E1A3AC
33.3%	33.3% #E7A7B9	RGB 231 167 185	#E7A7B9
50.0%	50.0% #EDABC5	RGB 237 171 197	#EDABC5
66.7%	66.7% #F3AFD2	RGB 243 175 210	#F3AFD2
83.3%	83.3% #F9B3DE	RGB 249 179 222	#F9B3DE
100.0%	100.0% #FFB8EB	RGB 255 184 235	#FFB8EB

#DB9FA0 #E1A3AC #E7A7B9 #EDABC5 #F3AFD2 #F9B3DE #FFB8EB

#DB9FA0 - #FFB8EB

HSV Blend

#DB9FA0 - #FFB8EB | 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 #DB9FA0 as 0% and #FFB8EB as 100%.

0.0%	0.0% #DB9FA0	RGB 219 159 160	#DB9FA0
16.7%	16.7% #E1A3AB	RGB 225 163 171	#E1A3AB
33.3%	33.3% #E7A7B7	RGB 231 167 183	#E7A7B7
50.0%	50.0% #EDABC3	RGB 237 171 195	#EDABC3
66.7%	66.7% #F3AFD0	RGB 243 175 208	#F3AFD0
83.3%	83.3% #F9B3DD	RGB 249 179 221	#F9B3DD
100.0%	100.0% #FFB8EB	RGB 255 184 235	#FFB8EB

#DB9FA0 #E1A3AB #E7A7B7 #EDABC3 #F3AFD0 #F9B3DD #FFB8EB

#DB9FA0 - #EDABC3 - #FFB8EB

CSS codes

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

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