#649A8F - #166452 | 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 #649A8F to #166452

#649A8F #166452

Calculate the color between two colors, #649A8F and #166452. 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)

#649A8F - #166452 | 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 #649A8F as 0% and #166452 as 100%.

0.0%	0.0% #649A8F	RGB 100 154 143	#649A8F
16.7%	16.7% #579184	RGB 87 145 132	#579184
33.3%	33.3% #4A887A	RGB 74 136 122	#4A887A
50.0%	50.0% #3D7F70	RGB 61 127 112	#3D7F70
66.7%	66.7% #307666	RGB 48 118 102	#307666
83.3%	83.3% #236D5C	RGB 35 109 92	#236D5C
100.0%	100.0% #166452	RGB 22 100 82	#166452

#649A8F #579184 #4A887A #3D7F70 #307666 #236D5C #166452

#649A8F - #166452

HSV Blend

#649A8F - #166452 | 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 #649A8F as 0% and #166452 as 100%.

0.0%	0.0% #649A8F	RGB 100 154 143	#649A8F
16.7%	16.7% #539184	RGB 83 145 132	#539184
33.3%	33.3% #448879	RGB 68 136 121	#448879
50.0%	50.0% #377F6F	RGB 55 127 111	#377F6F
66.7%	66.7% #2A7665	RGB 42 118 101	#2A7665
83.3%	83.3% #1F6D5B	RGB 31 109 91	#1F6D5B
100.0%	100.0% #166452	RGB 22 100 82	#166452

#649A8F #539184 #448879 #377F6F #2A7665 #1F6D5B #166452

#649A8F - #377F6F - #166452

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #649A8F 0%, #377F6F 50%, #166452 100%);
    background: -webkit-linear-gradient(top, #649A8F 0%, #377F6F 50%, #166452 100%);
    background: linear-gradient(to bottom, #649A8F 0%, #377F6F 50%, #166452 100%);
}
</style>