#DAD99D - #E6B8CC | 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 #DAD99D to #E6B8CC

#DAD99D #E6B8CC

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

#DAD99D - #E6B8CC | 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 #DAD99D as 0% and #E6B8CC as 100%.

0.0%	0.0% #DAD99D	RGB 218 217 157	#DAD99D
16.7%	16.7% #DCD3A4	RGB 220 211 164	#DCD3A4
33.3%	33.3% #DECEAC	RGB 222 206 172	#DECEAC
50.0%	50.0% #E0C8B4	RGB 224 200 180	#E0C8B4
66.7%	66.7% #E2C3BC	RGB 226 195 188	#E2C3BC
83.3%	83.3% #E4BDC4	RGB 228 189 196	#E4BDC4
100.0%	100.0% #E6B8CC	RGB 230 184 204	#E6B8CC

#DAD99D #DCD3A4 #DECEAC #E0C8B4 #E2C3BC #E4BDC4 #E6B8CC

#DAD99D - #E6B8CC

HSV Blend

#DAD99D - #E6B8CC | 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 #DAD99D as 0% and #E6B8CC as 100%.

0.0%	0.0% #DAD99D	RGB 218 217 157	#DAD99D
16.7%	16.7% #DCCDA1	RGB 220 205 161	#DCCDA1
33.3%	33.3% #DEC2A5	RGB 222 194 165	#DEC2A5
50.0%	50.0% #E0B9AA	RGB 224 185 170	#E0B9AA
66.7%	66.7% #E2B0AE	RGB 226 176 174	#E2B0AE
83.3%	83.3% #E4B3BD	RGB 228 179 189	#E4B3BD
100.0%	100.0% #E6B8CC	RGB 230 184 204	#E6B8CC

#DAD99D #DCCDA1 #DEC2A5 #E0B9AA #E2B0AE #E4B3BD #E6B8CC

#DAD99D - #E0B9AA - #E6B8CC

CSS codes

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

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