#DFB2B3 - #DCFFD7 | 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 #DFB2B3 to #DCFFD7

#DFB2B3 #DCFFD7

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

#DFB2B3 - #DCFFD7 | 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 #DFB2B3 as 0% and #DCFFD7 as 100%.

0.0%	0.0% #DFB2B3	RGB 223 178 179	#DFB2B3
16.7%	16.7% #DEBEB9	RGB 222 190 185	#DEBEB9
33.3%	33.3% #DECBBF	RGB 222 203 191	#DECBBF
50.0%	50.0% #DDD8C5	RGB 221 216 197	#DDD8C5
66.7%	66.7% #DDE5CB	RGB 221 229 203	#DDE5CB
83.3%	83.3% #DCF2D1	RGB 220 242 209	#DCF2D1
100.0%	100.0% #DCFFD7	RGB 220 255 215	#DCFFD7

#DFB2B3 #DEBEB9 #DECBBF #DDD8C5 #DDE5CB #DCF2D1 #DCFFD7

#DFB2B3 - #DCFFD7

HSV Blend

#DFB2B3 - #DCFFD7 | 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 #DFB2B3 as 0% and #DCFFD7 as 100%.

0.0%	0.0% #DFB2B3	RGB 223 178 179	#DFB2B3
16.7%	16.7% #E4C5B7	RGB 228 197 183	#E4C5B7
33.3%	33.3% #E9D8BE	RGB 233 216 190	#E9D8BE
50.0%	50.0% #EFEBC4	RGB 239 235 196	#EFEBC4
66.7%	66.7% #EAF4CA	RGB 234 244 202	#EAF4CA
83.3%	83.3% #E2F9D0	RGB 226 249 208	#E2F9D0
100.0%	100.0% #DCFFD7	RGB 220 255 215	#DCFFD7

#DFB2B3 #E4C5B7 #E9D8BE #EFEBC4 #EAF4CA #E2F9D0 #DCFFD7

#DFB2B3 - #EFEBC4 - #DCFFD7

CSS codes

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

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