#DAB4A8 - #DAFFD2 | 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 #DAB4A8 to #DAFFD2

#DAB4A8 #DAFFD2

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

#DAB4A8 - #DAFFD2 | 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 #DAB4A8 as 0% and #DAFFD2 as 100%.

0.0%	0.0% #DAB4A8	RGB 218 180 168	#DAB4A8
16.7%	16.7% #DAC0AF	RGB 218 192 175	#DAC0AF
33.3%	33.3% #DACDB6	RGB 218 205 182	#DACDB6
50.0%	50.0% #DAD9BD	RGB 218 217 189	#DAD9BD
66.7%	66.7% #DAE6C4	RGB 218 230 196	#DAE6C4
83.3%	83.3% #DAF2CB	RGB 218 242 203	#DAF2CB
100.0%	100.0% #DAFFD2	RGB 218 255 210	#DAFFD2

#DAB4A8 #DAC0AF #DACDB6 #DAD9BD #DAE6C4 #DAF2CB #DAFFD2

#DAB4A8 - #DAFFD2

HSV Blend

#DAB4A8 - #DAFFD2 | 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 #DAB4A8 as 0% and #DAFFD2 as 100%.

0.0%	0.0% #DAB4A8	RGB 218 180 168	#DAB4A8
16.7%	16.7% #E0C7AE	RGB 224 199 174	#E0C7AE
33.3%	33.3% #E6DAB5	RGB 230 218 181	#E6DAB5
50.0%	50.0% #EBECBC	RGB 235 236 188	#EBECBC
66.7%	66.7% #E4F2C3	RGB 228 242 195	#E4F2C3
83.3%	83.3% #DFF8CA	RGB 223 248 202	#DFF8CA
100.0%	100.0% #DAFFD2	RGB 218 255 210	#DAFFD2

#DAB4A8 #E0C7AE #E6DAB5 #EBECBC #E4F2C3 #DFF8CA #DAFFD2

#DAB4A8 - #EBECBC - #DAFFD2

CSS codes

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

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