#FFC07B - #FFECD9 | 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 #FFC07B to #FFECD9

#FFC07B #FFECD9

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

#FFC07B - #FFECD9 | 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 #FFC07B as 0% and #FFECD9 as 100%.

0.0%	0.0% #FFC07B	RGB 255 192 123	#FFC07B
16.7%	16.7% #FFC78A	RGB 255 199 138	#FFC78A
33.3%	33.3% #FFCE9A	RGB 255 206 154	#FFCE9A
50.0%	50.0% #FFD6AA	RGB 255 214 170	#FFD6AA
66.7%	66.7% #FFDDB9	RGB 255 221 185	#FFDDB9
83.3%	83.3% #FFE4C9	RGB 255 228 201	#FFE4C9
100.0%	100.0% #FFECD9	RGB 255 236 217	#FFECD9

#FFC07B #FFC78A #FFCE9A #FFD6AA #FFDDB9 #FFE4C9 #FFECD9

#FFC07B - #FFECD9

HSV Blend

#FFC07B - #FFECD9 | 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 #FFC07B as 0% and #FFECD9 as 100%.

0.0%	0.0% #FFC07B	RGB 255 192 123	#FFC07B
16.7%	16.7% #FFC78A	RGB 255 199 138	#FFC78A
33.3%	33.3% #FFCE9A	RGB 255 206 154	#FFCE9A
50.0%	50.0% #FFD5AA	RGB 255 213 170	#FFD5AA
66.7%	66.7% #FFDCB9	RGB 255 220 185	#FFDCB9
83.3%	83.3% #FFE4C9	RGB 255 228 201	#FFE4C9
100.0%	100.0% #FFECD9	RGB 255 236 217	#FFECD9

#FFC07B #FFC78A #FFCE9A #FFD5AA #FFDCB9 #FFE4C9 #FFECD9

#FFC07B - #FFD5AA - #FFECD9

CSS codes

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

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