#DB9DA1 - #FFB8C4 | 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 #DB9DA1 to #FFB8C4

#DB9DA1 #FFB8C4

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

#DB9DA1 - #FFB8C4 | 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 #DB9DA1 as 0% and #FFB8C4 as 100%.

0.0%	0.0% #DB9DA1	RGB 219 157 161	#DB9DA1
16.7%	16.7% #E1A1A6	RGB 225 161 166	#E1A1A6
33.3%	33.3% #E7A6AC	RGB 231 166 172	#E7A6AC
50.0%	50.0% #EDAAB2	RGB 237 170 178	#EDAAB2
66.7%	66.7% #F3AFB8	RGB 243 175 184	#F3AFB8
83.3%	83.3% #F9B3BE	RGB 249 179 190	#F9B3BE
100.0%	100.0% #FFB8C4	RGB 255 184 196	#FFB8C4

#DB9DA1 #E1A1A6 #E7A6AC #EDAAB2 #F3AFB8 #F9B3BE #FFB8C4

#DB9DA1 - #FFB8C4

HSV Blend

#DB9DA1 - #FFB8C4 | 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 #DB9DA1 as 0% and #FFB8C4 as 100%.

0.0%	0.0% #DB9DA1	RGB 219 157 161	#DB9DA1
16.7%	16.7% #E1A1A6	RGB 225 161 166	#E1A1A6
33.3%	33.3% #E7A5AC	RGB 231 165 172	#E7A5AC
50.0%	50.0% #EDAAB2	RGB 237 170 178	#EDAAB2
66.7%	66.7% #F3AEB8	RGB 243 174 184	#F3AEB8
83.3%	83.3% #F9B3BE	RGB 249 179 190	#F9B3BE
100.0%	100.0% #FFB8C4	RGB 255 184 196	#FFB8C4

#DB9DA1 #E1A1A6 #E7A5AC #EDAAB2 #F3AEB8 #F9B3BE #FFB8C4

#DB9DA1 - #EDAAB2 - #FFB8C4

CSS codes

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

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