#FFDF5D - #FFC68C | 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 #FFDF5D to #FFC68C

#FFDF5D #FFC68C

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

#FFDF5D - #FFC68C | 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 #FFDF5D as 0% and #FFC68C as 100%.

0.0%	0.0% #FFDF5D	RGB 255 223 93	#FFDF5D
16.7%	16.7% #FFDA64	RGB 255 218 100	#FFDA64
33.3%	33.3% #FFD66C	RGB 255 214 108	#FFD66C
50.0%	50.0% #FFD274	RGB 255 210 116	#FFD274
66.7%	66.7% #FFCE7C	RGB 255 206 124	#FFCE7C
83.3%	83.3% #FFCA84	RGB 255 202 132	#FFCA84
100.0%	100.0% #FFC68C	RGB 255 198 140	#FFC68C

#FFDF5D #FFDA64 #FFD66C #FFD274 #FFCE7C #FFCA84 #FFC68C

#FFDF5D - #FFC68C

HSV Blend

#FFDF5D - #FFC68C | 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 #FFDF5D as 0% and #FFC68C as 100%.

0.0%	0.0% #FFDF5D	RGB 255 223 93	#FFDF5D
16.7%	16.7% #FFD864	RGB 255 216 100	#FFD864
33.3%	33.3% #FFD36C	RGB 255 211 108	#FFD36C
50.0%	50.0% #FFCE74	RGB 255 206 116	#FFCE74
66.7%	66.7% #FFCB7C	RGB 255 203 124	#FFCB7C
83.3%	83.3% #FFC884	RGB 255 200 132	#FFC884
100.0%	100.0% #FFC68C	RGB 255 198 140	#FFC68C

#FFDF5D #FFD864 #FFD36C #FFCE74 #FFCB7C #FFC884 #FFC68C

#FFDF5D - #FFCE74 - #FFC68C

CSS codes

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

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