#DB6C8B - #FF8FA2 | 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 #DB6C8B to #FF8FA2

#DB6C8B #FF8FA2

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

#DB6C8B - #FF8FA2 | 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 #DB6C8B as 0% and #FF8FA2 as 100%.

0.0%	0.0% #DB6C8B	RGB 219 108 139	#DB6C8B
16.7%	16.7% #E1718E	RGB 225 113 142	#E1718E
33.3%	33.3% #E77792	RGB 231 119 146	#E77792
50.0%	50.0% #ED7D96	RGB 237 125 150	#ED7D96
66.7%	66.7% #F3839A	RGB 243 131 154	#F3839A
83.3%	83.3% #F9899E	RGB 249 137 158	#F9899E
100.0%	100.0% #FF8FA2	RGB 255 143 162	#FF8FA2

#DB6C8B #E1718E #E77792 #ED7D96 #F3839A #F9899E #FF8FA2

#DB6C8B - #FF8FA2

HSV Blend

#DB6C8B - #FF8FA2 | 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 #DB6C8B as 0% and #FF8FA2 as 100%.

0.0%	0.0% #DB6C8A	RGB 219 108 138	#DB6C8A
16.7%	16.7% #E1718E	RGB 225 113 142	#E1718E
33.3%	33.3% #E77792	RGB 231 119 146	#E77792
50.0%	50.0% #ED7C96	RGB 237 124 150	#ED7C96
66.7%	66.7% #F38299	RGB 243 130 153	#F38299
83.3%	83.3% #F9889D	RGB 249 136 157	#F9889D
100.0%	100.0% #FF8FA2	RGB 255 143 162	#FF8FA2

#DB6C8A #E1718E #E77792 #ED7C96 #F38299 #F9889D #FF8FA2

#DB6C8B - #ED7C96 - #FF8FA2

CSS codes

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

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