#193925 - #BDC6C0 | 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 #193925 to #BDC6C0

#193925 #BDC6C0

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

#193925 - #BDC6C0 | 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 #193925 as 0% and #BDC6C0 as 100%.

0.0%	0.0% #193925	RGB 25 57 37	#193925
16.7%	16.7% #34503E	RGB 52 80 62	#34503E
33.3%	33.3% #4F6858	RGB 79 104 88	#4F6858
50.0%	50.0% #6B7F72	RGB 107 127 114	#6B7F72
66.7%	66.7% #86978C	RGB 134 151 140	#86978C
83.3%	83.3% #A1AEA6	RGB 161 174 166	#A1AEA6
100.0%	100.0% #BDC6C0	RGB 189 198 192	#BDC6C0

#193925 #34503E #4F6858 #6B7F72 #86978C #A1AEA6 #BDC6C0

#193925 - #BDC6C0

HSV Blend

#193925 - #BDC6C0 | 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 #193925 as 0% and #BDC6C0 as 100%.

0.0%	0.0% #193924	RGB 25 57 36	#193924
16.7%	16.7% #2A5038	RGB 42 80 56	#2A5038
33.3%	33.3% #3F684E	RGB 63 104 78	#3F684E
50.0%	50.0% #587F66	RGB 88 127 102	#587F66
66.7%	66.7% #769781	RGB 118 151 129	#769781
83.3%	83.3% #97AE9F	RGB 151 174 159	#97AE9F
100.0%	100.0% #BDC6C0	RGB 189 198 192	#BDC6C0

#193924 #2A5038 #3F684E #587F66 #769781 #97AE9F #BDC6C0

#193925 - #587F66 - #BDC6C0

CSS codes

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

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