#CCCDB2 - #AEA95D | 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 #CCCDB2 to #AEA95D

#CCCDB2 #AEA95D

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

#CCCDB2 - #AEA95D | 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 #CCCDB2 as 0% and #AEA95D as 100%.

0.0%	0.0% #CCCDB2	RGB 204 205 178	#CCCDB2
16.7%	16.7% #C7C7A3	RGB 199 199 163	#C7C7A3
33.3%	33.3% #C2C195	RGB 194 193 149	#C2C195
50.0%	50.0% #BDBB87	RGB 189 187 135	#BDBB87
66.7%	66.7% #B8B579	RGB 184 181 121	#B8B579
83.3%	83.3% #B3AF6B	RGB 179 175 107	#B3AF6B
100.0%	100.0% #AEA95D	RGB 174 169 93	#AEA95D

#CCCDB2 #C7C7A3 #C2C195 #BDBB87 #B8B579 #B3AF6B #AEA95D

#CCCDB2 - #AEA95D

HSV Blend

#CCCDB2 - #AEA95D | 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 #CCCDB2 as 0% and #AEA95D as 100%.

0.0%	0.0% #CCCDB2	RGB 204 205 178	#CCCDB2
16.7%	16.7% #C7C7A2	RGB 199 199 162	#C7C7A2
33.3%	33.3% #C2C293	RGB 194 194 147	#C2C293
50.0%	50.0% #BDBC84	RGB 189 188 132	#BDBC84
66.7%	66.7% #B8B677	RGB 184 182 119	#B8B677
83.3%	83.3% #B3AF69	RGB 179 175 105	#B3AF69
100.0%	100.0% #AEA95D	RGB 174 169 93	#AEA95D

#CCCDB2 #C7C7A2 #C2C293 #BDBC84 #B8B677 #B3AF69 #AEA95D

#CCCDB2 - #BDBC84 - #AEA95D

CSS codes

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

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