#DA8B9C - #F0A2FF | 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 #DA8B9C to #F0A2FF

#DA8B9C #F0A2FF

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

#DA8B9C - #F0A2FF | 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 #DA8B9C as 0% and #F0A2FF as 100%.

0.0%	0.0% #DA8B9C	RGB 218 139 156	#DA8B9C
16.7%	16.7% #DD8EAC	RGB 221 142 172	#DD8EAC
33.3%	33.3% #E192BD	RGB 225 146 189	#E192BD
50.0%	50.0% #E596CD	RGB 229 150 205	#E596CD
66.7%	66.7% #E89ADE	RGB 232 154 222	#E89ADE
83.3%	83.3% #EC9EEE	RGB 236 158 238	#EC9EEE
100.0%	100.0% #F0A2FF	RGB 240 162 255	#F0A2FF

#DA8B9C #DD8EAC #E192BD #E596CD #E89ADE #EC9EEE #F0A2FF

#DA8B9C - #F0A2FF

HSV Blend

#DA8B9C - #F0A2FF | 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 #DA8B9C as 0% and #F0A2FF as 100%.

0.0%	0.0% #DA8B9B	RGB 218 139 155	#DA8B9B
16.7%	16.7% #E08EAD	RGB 224 142 173	#E08EAD
33.3%	33.3% #E692BF	RGB 230 146 191	#E692BF
50.0%	50.0% #EC96D1	RGB 236 150 209	#EC96D1
66.7%	66.7% #F29AE5	RGB 242 154 229	#F29AE5
83.3%	83.3% #F89EF8	RGB 248 158 248	#F89EF8
100.0%	100.0% #F0A2FF	RGB 240 162 255	#F0A2FF

#DA8B9B #E08EAD #E692BF #EC96D1 #F29AE5 #F89EF8 #F0A2FF

#DA8B9C - #EC96D1 - #F0A2FF

CSS codes

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

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