#CDCD5D - #FFEA83 | 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 #CDCD5D to #FFEA83

#CDCD5D #FFEA83

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

#CDCD5D - #FFEA83 | 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 #CDCD5D as 0% and #FFEA83 as 100%.

0.0%	0.0% #CDCD5D	RGB 205 205 93	#CDCD5D
16.7%	16.7% #D5D163	RGB 213 209 99	#D5D163
33.3%	33.3% #DDD669	RGB 221 214 105	#DDD669
50.0%	50.0% #E6DB70	RGB 230 219 112	#E6DB70
66.7%	66.7% #EEE076	RGB 238 224 118	#EEE076
83.3%	83.3% #F6E57C	RGB 246 229 124	#F6E57C
100.0%	100.0% #FFEA83	RGB 255 234 131	#FFEA83

#CDCD5D #D5D163 #DDD669 #E6DB70 #EEE076 #F6E57C #FFEA83

#CDCD5D - #FFEA83

HSV Blend

#CDCD5D - #FFEA83 | 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 #CDCD5D as 0% and #FFEA83 as 100%.

0.0%	0.0% #CDCD5D	RGB 205 205 93	#CDCD5D
16.7%	16.7% #D5D262	RGB 213 210 98	#D5D262
33.3%	33.3% #DDD768	RGB 221 215 104	#DDD768
50.0%	50.0% #E6DB6F	RGB 230 219 111	#E6DB6F
66.7%	66.7% #EEE075	RGB 238 224 117	#EEE075
83.3%	83.3% #F6E57C	RGB 246 229 124	#F6E57C
100.0%	100.0% #FFEA83	RGB 255 234 131	#FFEA83

#CDCD5D #D5D262 #DDD768 #E6DB6F #EEE075 #F6E57C #FFEA83

#CDCD5D - #E6DB6F - #FFEA83

CSS codes

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

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