#C8C481 - #D0FDC3 | 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 #C8C481 to #D0FDC3

#C8C481 #D0FDC3

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

#C8C481 - #D0FDC3 | 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 #C8C481 as 0% and #D0FDC3 as 100%.

0.0%	0.0% #C8C481	RGB 200 196 129	#C8C481
16.7%	16.7% #C9CD8C	RGB 201 205 140	#C9CD8C
33.3%	33.3% #CAD797	RGB 202 215 151	#CAD797
50.0%	50.0% #CCE0A2	RGB 204 224 162	#CCE0A2
66.7%	66.7% #CDEAAD	RGB 205 234 173	#CDEAAD
83.3%	83.3% #CEF3B8	RGB 206 243 184	#CEF3B8
100.0%	100.0% #D0FDC3	RGB 208 253 195	#D0FDC3

#C8C481 #C9CD8C #CAD797 #CCE0A2 #CDEAAD #CEF3B8 #D0FDC3

#C8C481 - #D0FDC3

HSV Blend

#C8C481 - #D0FDC3 | 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 #C8C481 as 0% and #D0FDC3 as 100%.

0.0%	0.0% #C8C481	RGB 200 196 129	#C8C481
16.7%	16.7% #CBD08B	RGB 203 208 139	#CBD08B
33.3%	33.3% #CAD995	RGB 202 217 149	#CAD995
50.0%	50.0% #CAE2A0	RGB 202 226 160	#CAE2A0
66.7%	66.7% #CBEBAB	RGB 203 235 171	#CBEBAB
83.3%	83.3% #CDF4B7	RGB 205 244 183	#CDF4B7
100.0%	100.0% #D0FDC3	RGB 208 253 195	#D0FDC3

#C8C481 #CBD08B #CAD995 #CAE2A0 #CBEBAB #CDF4B7 #D0FDC3

#C8C481 - #CAE2A0 - #D0FDC3

CSS codes

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

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