#DB7A6C - #FF8CF1 | 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 #DB7A6C to #FF8CF1

#DB7A6C #FF8CF1

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

#DB7A6C - #FF8CF1 | 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 #DB7A6C as 0% and #FF8CF1 as 100%.

0.0%	0.0% #DB7A6C	RGB 219 122 108	#DB7A6C
16.7%	16.7% #E17D82	RGB 225 125 130	#E17D82
33.3%	33.3% #E78098	RGB 231 128 152	#E78098
50.0%	50.0% #ED83AE	RGB 237 131 174	#ED83AE
66.7%	66.7% #F386C4	RGB 243 134 196	#F386C4
83.3%	83.3% #F989DA	RGB 249 137 218	#F989DA
100.0%	100.0% #FF8CF1	RGB 255 140 241	#FF8CF1

#DB7A6C #E17D82 #E78098 #ED83AE #F386C4 #F989DA #FF8CF1

#DB7A6C - #FF8CF1

HSV Blend

#DB7A6C - #FF8CF1 | 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 #DB7A6C as 0% and #FF8CF1 as 100%.

0.0%	0.0% #DB7A6C	RGB 219 122 108	#DB7A6C
16.7%	16.7% #E17175	RGB 225 113 117	#E17175
33.3%	33.3% #E7768D	RGB 231 118 141	#E7768D
50.0%	50.0% #ED7BA6	RGB 237 123 166	#ED7BA6
66.7%	66.7% #F380BE	RGB 243 128 190	#F380BE
83.3%	83.3% #F986D7	RGB 249 134 215	#F986D7
100.0%	100.0% #FF8CF1	RGB 255 140 241	#FF8CF1

#DB7A6C #E17175 #E7768D #ED7BA6 #F380BE #F986D7 #FF8CF1

#DB7A6C - #ED7BA6 - #FF8CF1

CSS codes

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

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