#DCC799 - #DBDBEE | 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 #DCC799 to #DBDBEE

#DCC799 #DBDBEE

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

#DCC799 - #DBDBEE | 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 #DCC799 as 0% and #DBDBEE as 100%.

0.0%	0.0% #DCC799	RGB 220 199 153	#DCC799
16.7%	16.7% #DBCAA7	RGB 219 202 167	#DBCAA7
33.3%	33.3% #DBCDB5	RGB 219 205 181	#DBCDB5
50.0%	50.0% #DBD1C3	RGB 219 209 195	#DBD1C3
66.7%	66.7% #DBD4D1	RGB 219 212 209	#DBD4D1
83.3%	83.3% #DBD7DF	RGB 219 215 223	#DBD7DF
100.0%	100.0% #DBDBEE	RGB 219 219 238	#DBDBEE

#DCC799 #DBCAA7 #DBCDB5 #DBD1C3 #DBD4D1 #DBD7DF #DBDBEE

#DCC799 - #DBDBEE

HSV Blend

#DCC799 - #DBDBEE | 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 #DCC799 as 0% and #DBDBEE as 100%.

0.0%	0.0% #DCC799	RGB 220 199 153	#DCC799
16.7%	16.7% #DFB1A3	RGB 223 177 163	#DFB1A3
33.3%	33.3% #E2AEB8	RGB 226 174 184	#E2AEB8
50.0%	50.0% #E5B8D5	RGB 229 184 213	#E5B8D5
66.7%	66.7% #E4C4E8	RGB 228 196 232	#E4C4E8
83.3%	83.3% #DBCFEB	RGB 219 207 235	#DBCFEB
100.0%	100.0% #DBDBEE	RGB 219 219 238	#DBDBEE

#DCC799 #DFB1A3 #E2AEB8 #E5B8D5 #E4C4E8 #DBCFEB #DBDBEE

#DCC799 - #E5B8D5 - #DBDBEE

CSS codes

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

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