#CDCD4D - #F0F0CC | 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 #CDCD4D to #F0F0CC

#CDCD4D #F0F0CC

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

#CDCD4D - #F0F0CC | 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 #CDCD4D as 0% and #F0F0CC as 100%.

0.0%	0.0% #CDCD4D	RGB 205 205 77	#CDCD4D
16.7%	16.7% #D2D262	RGB 210 210 98	#D2D262
33.3%	33.3% #D8D877	RGB 216 216 119	#D8D877
50.0%	50.0% #DEDE8C	RGB 222 222 140	#DEDE8C
66.7%	66.7% #E4E4A1	RGB 228 228 161	#E4E4A1
83.3%	83.3% #EAEAB6	RGB 234 234 182	#EAEAB6
100.0%	100.0% #F0F0CC	RGB 240 240 204	#F0F0CC

#CDCD4D #D2D262 #D8D877 #DEDE8C #E4E4A1 #EAEAB6 #F0F0CC

#CDCD4D - #F0F0CC

HSV Blend

#CDCD4D - #F0F0CC | 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 #CDCD4D as 0% and #F0F0CC as 100%.

0.0%	0.0% #CDCD4D	RGB 205 205 77	#CDCD4D
16.7%	16.7% #D2D25F	RGB 210 210 95	#D2D25F
33.3%	33.3% #D8D873	RGB 216 216 115	#D8D873
50.0%	50.0% #DEDE88	RGB 222 222 136	#DEDE88
66.7%	66.7% #E4E49D	RGB 228 228 157	#E4E49D
83.3%	83.3% #EAEAB4	RGB 234 234 180	#EAEAB4
100.0%	100.0% #F0F0CC	RGB 240 240 204	#F0F0CC

#CDCD4D #D2D25F #D8D873 #DEDE88 #E4E49D #EAEAB4 #F0F0CC

#CDCD4D - #DEDE88 - #F0F0CC

CSS codes

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

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