#4EB6C5 - #1B6A82 | 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 #4EB6C5 to #1B6A82

#4EB6C5 #1B6A82

Calculate the color between two colors, #4EB6C5 and #1B6A82. 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)

#4EB6C5 - #1B6A82 | 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 #4EB6C5 as 0% and #1B6A82 as 100%.

0.0%	0.0% #4EB6C5	RGB 78 182 197	#4EB6C5
16.7%	16.7% #45A9B9	RGB 69 169 185	#45A9B9
33.3%	33.3% #3D9CAE	RGB 61 156 174	#3D9CAE
50.0%	50.0% #3490A3	RGB 52 144 163	#3490A3
66.7%	66.7% #2C8398	RGB 44 131 152	#2C8398
83.3%	83.3% #23768D	RGB 35 118 141	#23768D
100.0%	100.0% #1B6A82	RGB 27 106 130	#1B6A82

#4EB6C5 #45A9B9 #3D9CAE #3490A3 #2C8398 #23768D #1B6A82

#4EB6C5 - #1B6A82

HSV Blend

#4EB6C5 - #1B6A82 | 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 #4EB6C5 as 0% and #1B6A82 as 100%.

0.0%	0.0% #4EB5C5	RGB 78 181 197	#4EB5C5
16.7%	16.7% #43A8B9	RGB 67 168 185	#43A8B9
33.3%	33.3% #3A9BAE	RGB 58 155 174	#3A9BAE
50.0%	50.0% #318FA3	RGB 49 143 163	#318FA3
66.7%	66.7% #298298	RGB 41 130 152	#298298
83.3%	83.3% #21768D	RGB 33 118 141	#21768D
100.0%	100.0% #1B6A82	RGB 27 106 130	#1B6A82

#4EB5C5 #43A8B9 #3A9BAE #318FA3 #298298 #21768D #1B6A82

#4EB6C5 - #318FA3 - #1B6A82

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4EB5C5 0%, #318FA3 50%, #1B6A82 100%);
    background: -webkit-linear-gradient(top, #4EB5C5 0%, #318FA3 50%, #1B6A82 100%);
    background: linear-gradient(to bottom, #4EB5C5 0%, #318FA3 50%, #1B6A82 100%);
}
</style>