#CACB5D - #F0F0D0 | 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 #CACB5D to #F0F0D0

#CACB5D #F0F0D0

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

#CACB5D - #F0F0D0 | 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 #CACB5D as 0% and #F0F0D0 as 100%.

0.0%	0.0% #CACB5D	RGB 202 203 93	#CACB5D
16.7%	16.7% #D0D170	RGB 208 209 112	#D0D170
33.3%	33.3% #D6D783	RGB 214 215 131	#D6D783
50.0%	50.0% #DDDD96	RGB 221 221 150	#DDDD96
66.7%	66.7% #E3E3A9	RGB 227 227 169	#E3E3A9
83.3%	83.3% #E9E9BC	RGB 233 233 188	#E9E9BC
100.0%	100.0% #F0F0D0	RGB 240 240 208	#F0F0D0

#CACB5D #D0D170 #D6D783 #DDDD96 #E3E3A9 #E9E9BC #F0F0D0

#CACB5D - #F0F0D0

HSV Blend

#CACB5D - #F0F0D0 | 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 #CACB5D as 0% and #F0F0D0 as 100%.

0.0%	0.0% #CACB5D	RGB 202 203 93	#CACB5D
16.7%	16.7% #D0D16E	RGB 208 209 110	#D0D16E
33.3%	33.3% #D6D77F	RGB 214 215 127	#D6D77F
50.0%	50.0% #DDDD92	RGB 221 221 146	#DDDD92
66.7%	66.7% #E3E3A6	RGB 227 227 166	#E3E3A6
83.3%	83.3% #E9E9BA	RGB 233 233 186	#E9E9BA
100.0%	100.0% #F0F0D0	RGB 240 240 208	#F0F0D0

#CACB5D #D0D16E #D6D77F #DDDD92 #E3E3A6 #E9E9BA #F0F0D0

#CACB5D - #DDDD92 - #F0F0D0

CSS codes

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

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