#60A8C0 - #255A79 | 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 #60A8C0 to #255A79

#60A8C0 #255A79

Calculate the color between two colors, #60A8C0 and #255A79. 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)

#60A8C0 - #255A79 | 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 #60A8C0 as 0% and #255A79 as 100%.

0.0%	0.0% #60A8C0	RGB 96 168 192	#60A8C0
16.7%	16.7% #569BB4	RGB 86 155 180	#569BB4
33.3%	33.3% #4C8EA8	RGB 76 142 168	#4C8EA8
50.0%	50.0% #42819C	RGB 66 129 156	#42819C
66.7%	66.7% #387490	RGB 56 116 144	#387490
83.3%	83.3% #2E6784	RGB 46 103 132	#2E6784
100.0%	100.0% #255A79	RGB 37 90 121	#255A79

#60A8C0 #569BB4 #4C8EA8 #42819C #387490 #2E6784 #255A79

#60A8C0 - #255A79

HSV Blend

#60A8C0 - #255A79 | 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 #60A8C0 as 0% and #255A79 as 100%.

0.0%	0.0% #60A8C0	RGB 96 168 192	#60A8C0
16.7%	16.7% #549AB4	RGB 84 154 180	#549AB4
33.3%	33.3% #498CA8	RGB 73 140 168	#498CA8
50.0%	50.0% #3F7F9C	RGB 63 127 156	#3F7F9C
66.7%	66.7% #357290	RGB 53 114 144	#357290
83.3%	83.3% #2C6684	RGB 44 102 132	#2C6684
100.0%	100.0% #255A79	RGB 37 90 121	#255A79

#60A8C0 #549AB4 #498CA8 #3F7F9C #357290 #2C6684 #255A79

#60A8C0 - #3F7F9C - #255A79

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #60A8C0 0%, #3F7F9C 50%, #255A79 100%);
    background: -webkit-linear-gradient(top, #60A8C0 0%, #3F7F9C 50%, #255A79 100%);
    background: linear-gradient(to bottom, #60A8C0 0%, #3F7F9C 50%, #255A79 100%);
}
</style>