#224749 - #BFCACB | 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 #224749 to #BFCACB

#224749 #BFCACB

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

#224749 - #BFCACB | 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 #224749 as 0% and #BFCACB as 100%.

0.0%	0.0% #224749	RGB 34 71 73	#224749
16.7%	16.7% #3C5C5E	RGB 60 92 94	#3C5C5E
33.3%	33.3% #567274	RGB 86 114 116	#567274
50.0%	50.0% #70888A	RGB 112 136 138	#70888A
66.7%	66.7% #8A9E9F	RGB 138 158 159	#8A9E9F
83.3%	83.3% #A4B4B5	RGB 164 180 181	#A4B4B5
100.0%	100.0% #BFCACB	RGB 191 202 203	#BFCACB

#224749 #3C5C5E #567274 #70888A #8A9E9F #A4B4B5 #BFCACB

#224749 - #BFCACB

HSV Blend

#224749 - #BFCACB | 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 #224749 as 0% and #BFCACB as 100%.

0.0%	0.0% #224749	RGB 34 71 73	#224749
16.7%	16.7% #335C5E	RGB 51 92 94	#335C5E
33.3%	33.3% #487174	RGB 72 113 116	#487174
50.0%	50.0% #61878A	RGB 97 135 138	#61878A
66.7%	66.7% #7C9D9F	RGB 124 157 159	#7C9D9F
83.3%	83.3% #9CB3B5	RGB 156 179 181	#9CB3B5
100.0%	100.0% #BFCACB	RGB 191 202 203	#BFCACB

#224749 #335C5E #487174 #61878A #7C9D9F #9CB3B5 #BFCACB

#224749 - #61878A - #BFCACB

CSS codes

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

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