#0087A1 - #004828 | 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 #0087A1 to #004828

#0087A1 #004828

Calculate the color between two colors, #0087A1 and #004828. 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)

#0087A1 - #004828 | 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 #0087A1 as 0% and #004828 as 100%.

0.0%	0.0% #0087A1	RGB 0 135 161	#0087A1
16.7%	16.7% #007C8C	RGB 0 124 140	#007C8C
33.3%	33.3% #007278	RGB 0 114 120	#007278
50.0%	50.0% #006764	RGB 0 103 100	#006764
66.7%	66.7% #005D50	RGB 0 93 80	#005D50
83.3%	83.3% #00523C	RGB 0 82 60	#00523C
100.0%	100.0% #004828	RGB 0 72 40	#004828

#0087A1 #007C8C #007278 #006764 #005D50 #00523C #004828

#0087A1 - #004828

HSV Blend

#0087A1 - #004828 | 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 #0087A1 as 0% and #004828 as 100%.

0.0%	0.0% #0086A1	RGB 0 134 161	#0086A1
16.7%	16.7% #008992	RGB 0 137 146	#008992
33.3%	33.3% #00837E	RGB 0 131 126	#00837E
50.0%	50.0% #007464	RGB 0 116 100	#007464
66.7%	66.7% #00654D	RGB 0 101 77	#00654D
83.3%	83.3% #005639	RGB 0 86 57	#005639
100.0%	100.0% #004828	RGB 0 72 40	#004828

#0086A1 #008992 #00837E #007464 #00654D #005639 #004828

#0087A1 - #007464 - #004828

CSS codes

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

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