#DB6AA8 - #FDCCC7 | 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 #DB6AA8 to #FDCCC7

#DB6AA8 #FDCCC7

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

#DB6AA8 - #FDCCC7 | 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 #DB6AA8 as 0% and #FDCCC7 as 100%.

0.0%	0.0% #DB6AA8	RGB 219 106 168	#DB6AA8
16.7%	16.7% #E07AAD	RGB 224 122 173	#E07AAD
33.3%	33.3% #E68AB2	RGB 230 138 178	#E68AB2
50.0%	50.0% #EC9BB7	RGB 236 155 183	#EC9BB7
66.7%	66.7% #F1ABBC	RGB 241 171 188	#F1ABBC
83.3%	83.3% #F7BBC1	RGB 247 187 193	#F7BBC1
100.0%	100.0% #FDCCC7	RGB 253 204 199	#FDCCC7

#DB6AA8 #E07AAD #E68AB2 #EC9BB7 #F1ABBC #F7BBC1 #FDCCC7

#DB6AA8 - #FDCCC7

HSV Blend

#DB6AA8 - #FDCCC7 | 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 #DB6AA8 as 0% and #FDCCC7 as 100%.

0.0%	0.0% #DB6AA7	RGB 219 106 167	#DB6AA7
16.7%	16.7% #E078A6	RGB 224 120 166	#E078A6
33.3%	33.3% #E686A6	RGB 230 134 166	#E686A6
50.0%	50.0% #EC95A9	RGB 236 149 169	#EC95A9
66.7%	66.7% #F1A5AE	RGB 241 165 174	#F1A5AE
83.3%	83.3% #F7B6B7	RGB 247 182 183	#F7B6B7
100.0%	100.0% #FDCCC7	RGB 253 204 199	#FDCCC7

#DB6AA7 #E078A6 #E686A6 #EC95A9 #F1A5AE #F7B6B7 #FDCCC7

#DB6AA8 - #EC95A9 - #FDCCC7

CSS codes

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

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