#DB6D9B - #FFCAB7 | 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 #DB6D9B to #FFCAB7

#DB6D9B #FFCAB7

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

#DB6D9B - #FFCAB7 | 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 #DB6D9B as 0% and #FFCAB7 as 100%.

0.0%	0.0% #DB6D9B	RGB 219 109 155	#DB6D9B
16.7%	16.7% #E17C9F	RGB 225 124 159	#E17C9F
33.3%	33.3% #E78CA4	RGB 231 140 164	#E78CA4
50.0%	50.0% #ED9BA9	RGB 237 155 169	#ED9BA9
66.7%	66.7% #F3ABAD	RGB 243 171 173	#F3ABAD
83.3%	83.3% #F9BAB2	RGB 249 186 178	#F9BAB2
100.0%	100.0% #FFCAB7	RGB 255 202 183	#FFCAB7

#DB6D9B #E17C9F #E78CA4 #ED9BA9 #F3ABAD #F9BAB2 #FFCAB7

#DB6D9B - #FFCAB7

HSV Blend

#DB6D9B - #FFCAB7 | 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 #DB6D9B as 0% and #FFCAB7 as 100%.

0.0%	0.0% #DB6D9B	RGB 219 109 155	#DB6D9B
16.7%	16.7% #E17898	RGB 225 120 152	#E17898
33.3%	33.3% #E78396	RGB 231 131 150	#E78396
50.0%	50.0% #ED9097	RGB 237 144 151	#ED9097
66.7%	66.7% #F39F9C	RGB 243 159 156	#F39F9C
83.3%	83.3% #F9B5A9	RGB 249 181 169	#F9B5A9
100.0%	100.0% #FFCAB7	RGB 255 202 183	#FFCAB7

#DB6D9B #E17898 #E78396 #ED9097 #F39F9C #F9B5A9 #FFCAB7

#DB6D9B - #ED9097 - #FFCAB7

CSS codes

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

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