#225555 - #BFCECE | 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 #225555 to #BFCECE

#225555 #BFCECE

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

#225555 - #BFCECE | 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 #225555 as 0% and #BFCECE as 100%.

0.0%	0.0% #225555	RGB 34 85 85	#225555
16.7%	16.7% #3C6969	RGB 60 105 105	#3C6969
33.3%	33.3% #567D7D	RGB 86 125 125	#567D7D
50.0%	50.0% #709191	RGB 112 145 145	#709191
66.7%	66.7% #8AA5A5	RGB 138 165 165	#8AA5A5
83.3%	83.3% #A4B9B9	RGB 164 185 185	#A4B9B9
100.0%	100.0% #BFCECE	RGB 191 206 206	#BFCECE

#225555 #3C6969 #567D7D #709191 #8AA5A5 #A4B9B9 #BFCECE

#225555 - #BFCECE

HSV Blend

#225555 - #BFCECE | 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 #225555 as 0% and #BFCECE as 100%.

0.0%	0.0% #225555	RGB 34 85 85	#225555
16.7%	16.7% #336969	RGB 51 105 105	#336969
33.3%	33.3% #487D7D	RGB 72 125 125	#487D7D
50.0%	50.0% #609191	RGB 96 145 145	#609191
66.7%	66.7% #7CA5A5	RGB 124 165 165	#7CA5A5
83.3%	83.3% #9BB9B9	RGB 155 185 185	#9BB9B9
100.0%	100.0% #BFCECE	RGB 191 206 206	#BFCECE

#225555 #336969 #487D7D #609191 #7CA5A5 #9BB9B9 #BFCECE

#225555 - #609191 - #BFCECE

CSS codes

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

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