#5EB6C3 - #00668A | 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 #5EB6C3 to #00668A

#5EB6C3 #00668A

Calculate the color between two colors, #5EB6C3 and #00668A. 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)

#5EB6C3 - #00668A | 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 #5EB6C3 as 0% and #00668A as 100%.

0.0%	0.0% #5EB6C3	RGB 94 182 195	#5EB6C3
16.7%	16.7% #4EA8B9	RGB 78 168 185	#4EA8B9
33.3%	33.3% #3E9BB0	RGB 62 155 176	#3E9BB0
50.0%	50.0% #2F8EA6	RGB 47 142 166	#2F8EA6
66.7%	66.7% #1F809D	RGB 31 128 157	#1F809D
83.3%	83.3% #0F7393	RGB 15 115 147	#0F7393
100.0%	100.0% #00668A	RGB 0 102 138	#00668A

#5EB6C3 #4EA8B9 #3E9BB0 #2F8EA6 #1F809D #0F7393 #00668A

#5EB6C3 - #00668A

HSV Blend

#5EB6C3 - #00668A | 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 #5EB6C3 as 0% and #00668A as 100%.

0.0%	0.0% #5EB5C3	RGB 94 181 195	#5EB5C3
16.7%	16.7% #4AA8B9	RGB 74 168 185	#4AA8B9
33.3%	33.3% #389BB0	RGB 56 155 176	#389BB0
50.0%	50.0% #288DA6	RGB 40 141 166	#288DA6
66.7%	66.7% #19809D	RGB 25 128 157	#19809D
83.3%	83.3% #0B7393	RGB 11 115 147	#0B7393
100.0%	100.0% #00668A	RGB 0 102 138	#00668A

#5EB5C3 #4AA8B9 #389BB0 #288DA6 #19809D #0B7393 #00668A

#5EB6C3 - #288DA6 - #00668A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EB5C3 0%, #288DA6 50%, #00668A 100%);
    background: -webkit-linear-gradient(top, #5EB5C3 0%, #288DA6 50%, #00668A 100%);
    background: linear-gradient(to bottom, #5EB5C3 0%, #288DA6 50%, #00668A 100%);
}
</style>