#919155 - #DFDFCE | 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 #919155 to #DFDFCE

#919155 #DFDFCE

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

#919155 - #DFDFCE | 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 #919155 as 0% and #DFDFCE as 100%.

0.0%	0.0% #919155	RGB 145 145 85	#919155
16.7%	16.7% #9E9E69	RGB 158 158 105	#9E9E69
33.3%	33.3% #ABAB7D	RGB 171 171 125	#ABAB7D
50.0%	50.0% #B8B891	RGB 184 184 145	#B8B891
66.7%	66.7% #C5C5A5	RGB 197 197 165	#C5C5A5
83.3%	83.3% #D2D2B9	RGB 210 210 185	#D2D2B9
100.0%	100.0% #DFDFCE	RGB 223 223 206	#DFDFCE

#919155 #9E9E69 #ABAB7D #B8B891 #C5C5A5 #D2D2B9 #DFDFCE

#919155 - #DFDFCE

HSV Blend

#919155 - #DFDFCE | 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 #919155 as 0% and #DFDFCE as 100%.

0.0%	0.0% #919155	RGB 145 145 85	#919155
16.7%	16.7% #9E9E65	RGB 158 158 101	#9E9E65
33.3%	33.3% #ABAB77	RGB 171 171 119	#ABAB77
50.0%	50.0% #B8B88A	RGB 184 184 138	#B8B88A
66.7%	66.7% #C5C59F	RGB 197 197 159	#C5C59F
83.3%	83.3% #D2D2B6	RGB 210 210 182	#D2D2B6
100.0%	100.0% #DFDFCE	RGB 223 223 206	#DFDFCE

#919155 #9E9E65 #ABAB77 #B8B88A #C5C59F #D2D2B6 #DFDFCE

#919155 - #B8B88A - #DFDFCE

CSS codes

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

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