#DB6C8C - #FF8FA4 | 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 #DB6C8C to #FF8FA4

#DB6C8C #FF8FA4

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

#DB6C8C - #FF8FA4 | 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 #DB6C8C as 0% and #FF8FA4 as 100%.

0.0%	0.0% #DB6C8C	RGB 219 108 140	#DB6C8C
16.7%	16.7% #E17190	RGB 225 113 144	#E17190
33.3%	33.3% #E77794	RGB 231 119 148	#E77794
50.0%	50.0% #ED7D98	RGB 237 125 152	#ED7D98
66.7%	66.7% #F3839C	RGB 243 131 156	#F3839C
83.3%	83.3% #F989A0	RGB 249 137 160	#F989A0
100.0%	100.0% #FF8FA4	RGB 255 143 164	#FF8FA4

#DB6C8C #E17190 #E77794 #ED7D98 #F3839C #F989A0 #FF8FA4

#DB6C8C - #FF8FA4

HSV Blend

#DB6C8C - #FF8FA4 | 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 #DB6C8C as 0% and #FF8FA4 as 100%.

0.0%	0.0% #DB6C8B	RGB 219 108 139	#DB6C8B
16.7%	16.7% #E1718F	RGB 225 113 143	#E1718F
33.3%	33.3% #E77793	RGB 231 119 147	#E77793
50.0%	50.0% #ED7C97	RGB 237 124 151	#ED7C97
66.7%	66.7% #F3829B	RGB 243 130 155	#F3829B
83.3%	83.3% #F9889F	RGB 249 136 159	#F9889F
100.0%	100.0% #FF8FA4	RGB 255 143 164	#FF8FA4

#DB6C8B #E1718F #E77793 #ED7C97 #F3829B #F9889F #FF8FA4

#DB6C8C - #ED7C97 - #FF8FA4

CSS codes

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

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