#FFDAAB - #DCCEE3 | 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 #FFDAAB to #DCCEE3

#FFDAAB #DCCEE3

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

#FFDAAB - #DCCEE3 | 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 #FFDAAB as 0% and #DCCEE3 as 100%.

0.0%	0.0% #FFDAAB	RGB 255 218 171	#FFDAAB
16.7%	16.7% #F9D8B4	RGB 249 216 180	#F9D8B4
33.3%	33.3% #F3D6BD	RGB 243 214 189	#F3D6BD
50.0%	50.0% #EDD4C7	RGB 237 212 199	#EDD4C7
66.7%	66.7% #E7D2D0	RGB 231 210 208	#E7D2D0
83.3%	83.3% #E1D0D9	RGB 225 208 217	#E1D0D9
100.0%	100.0% #DCCEE3	RGB 220 206 227	#DCCEE3

#FFDAAB #F9D8B4 #F3D6BD #EDD4C7 #E7D2D0 #E1D0D9 #DCCEE3

#FFDAAB - #DCCEE3

HSV Blend

#FFDAAB - #DCCEE3 | 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 #FFDAAB as 0% and #DCCEE3 as 100%.

0.0%	0.0% #FFDAAB	RGB 255 218 171	#FFDAAB
16.7%	16.7% #FAC3B1	RGB 250 195 177	#FAC3B1
33.3%	33.3% #F5B8BC	RGB 245 184 188	#F5B8BC
50.0%	50.0% #F1BED1	RGB 241 190 209	#F1BED1
66.7%	66.7% #ECC3E0	RGB 236 195 224	#ECC3E0
83.3%	83.3% #E7C9E7	RGB 231 201 231	#E7C9E7
100.0%	100.0% #DCCEE3	RGB 220 206 227	#DCCEE3

#FFDAAB #FAC3B1 #F5B8BC #F1BED1 #ECC3E0 #E7C9E7 #DCCEE3

#FFDAAB - #F1BED1 - #DCCEE3

CSS codes

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

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