#095E80 - #7CB8BC | 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 #095E80 to #7CB8BC

#095E80 #7CB8BC

Calculate the color between two colors, #095E80 and #7CB8BC. 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)

#095E80 - #7CB8BC | 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 #095E80 as 0% and #7CB8BC as 100%.

0.0%	0.0% #095E80	RGB 9 94 128	#095E80
16.7%	16.7% #1C6D8A	RGB 28 109 138	#1C6D8A
33.3%	33.3% #2F7C94	RGB 47 124 148	#2F7C94
50.0%	50.0% #428B9E	RGB 66 139 158	#428B9E
66.7%	66.7% #559AA8	RGB 85 154 168	#559AA8
83.3%	83.3% #68A9B2	RGB 104 169 178	#68A9B2
100.0%	100.0% #7CB8BC	RGB 124 184 188	#7CB8BC

#095E80 #1C6D8A #2F7C94 #428B9E #559AA8 #68A9B2 #7CB8BC

#095E80 - #7CB8BC

HSV Blend

#095E80 - #7CB8BC | 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 #095E80 as 0% and #7CB8BC as 100%.

0.0%	0.0% #095E80	RGB 9 94 128	#095E80
16.7%	16.7% #176D8A	RGB 23 109 138	#176D8A
33.3%	33.3% #277D94	RGB 39 125 148	#277D94
50.0%	50.0% #398C9E	RGB 57 140 158	#398C9E
66.7%	66.7% #4D9BA8	RGB 77 155 168	#4D9BA8
83.3%	83.3% #63AAB2	RGB 99 170 178	#63AAB2
100.0%	100.0% #7CB8BC	RGB 124 184 188	#7CB8BC

#095E80 #176D8A #277D94 #398C9E #4D9BA8 #63AAB2 #7CB8BC

#095E80 - #398C9E - #7CB8BC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #095E80 0%, #398C9E 50%, #7CB8BC 100%);
    background: -webkit-linear-gradient(top, #095E80 0%, #398C9E 50%, #7CB8BC 100%);
    background: linear-gradient(to bottom, #095E80 0%, #398C9E 50%, #7CB8BC 100%);
}
</style>