#06524F - #5E978D | 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 #06524F to #5E978D

#06524F #5E978D

Calculate the color between two colors, #06524F and #5E978D. 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)

#06524F - #5E978D | 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 #06524F as 0% and #5E978D as 100%.

0.0%	0.0% #06524F	RGB 6 82 79	#06524F
16.7%	16.7% #145D59	RGB 20 93 89	#145D59
33.3%	33.3% #236963	RGB 35 105 99	#236963
50.0%	50.0% #32746E	RGB 50 116 110	#32746E
66.7%	66.7% #408078	RGB 64 128 120	#408078
83.3%	83.3% #4F8B82	RGB 79 139 130	#4F8B82
100.0%	100.0% #5E978D	RGB 94 151 141	#5E978D

#06524F #145D59 #236963 #32746E #408078 #4F8B82 #5E978D

#06524F - #5E978D

HSV Blend

#06524F - #5E978D | 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 #06524F as 0% and #5E978D as 100%.

0.0%	0.0% #05524F	RGB 5 82 79	#05524F
16.7%	16.7% #0F5D58	RGB 15 93 88	#0F5D58
33.3%	33.3% #1A6962	RGB 26 105 98	#1A6962
50.0%	50.0% #28746C	RGB 40 116 108	#28746C
66.7%	66.7% #388076	RGB 56 128 118	#388076
83.3%	83.3% #4A8B81	RGB 74 139 129	#4A8B81
100.0%	100.0% #5E978D	RGB 94 151 141	#5E978D

#05524F #0F5D58 #1A6962 #28746C #388076 #4A8B81 #5E978D

#06524F - #28746C - #5E978D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #05524F 0%, #28746C 50%, #5E978D 100%);
    background: -webkit-linear-gradient(top, #05524F 0%, #28746C 50%, #5E978D 100%);
    background: linear-gradient(to bottom, #05524F 0%, #28746C 50%, #5E978D 100%);
}
</style>