#CCF99C - #39472C | 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 #CCF99C to #39472C

#CCF99C #39472C

Calculate the color between two colors, #CCF99C and #39472C. 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)

#CCF99C - #39472C | 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 #CCF99C as 0% and #39472C as 100%.

0.0%	0.0% #CCF99C	RGB 204 249 156	#CCF99C
16.7%	16.7% #B3DB89	RGB 179 219 137	#B3DB89
33.3%	33.3% #9BBD76	RGB 155 189 118	#9BBD76
50.0%	50.0% #82A064	RGB 130 160 100	#82A064
66.7%	66.7% #6A8251	RGB 106 130 81	#6A8251
83.3%	83.3% #51643E	RGB 81 100 62	#51643E
100.0%	100.0% #39472C	RGB 57 71 44	#39472C

#CCF99C #B3DB89 #9BBD76 #82A064 #6A8251 #51643E #39472C

#CCF99C - #39472C

HSV Blend

#CCF99C - #39472C | 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 #CCF99C as 0% and #39472C as 100%.

0.0%	0.0% #CCF99C	RGB 204 249 156	#CCF99C
16.7%	16.7% #B3DB89	RGB 179 219 137	#B3DB89
33.3%	33.3% #9ABD76	RGB 154 189 118	#9ABD76
50.0%	50.0% #81A063	RGB 129 160 99	#81A063
66.7%	66.7% #698251	RGB 105 130 81	#698251
83.3%	83.3% #51643E	RGB 81 100 62	#51643E
100.0%	100.0% #39472C	RGB 57 71 44	#39472C

#CCF99C #B3DB89 #9ABD76 #81A063 #698251 #51643E #39472C

#CCF99C - #81A063 - #39472C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCF99C 0%, #81A063 50%, #39472C 100%);
    background: -webkit-linear-gradient(top, #CCF99C 0%, #81A063 50%, #39472C 100%);
    background: linear-gradient(to bottom, #CCF99C 0%, #81A063 50%, #39472C 100%);
}
</style>