#255A5E - #C0CFD1 | 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 #255A5E to #C0CFD1

#255A5E #C0CFD1

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

#255A5E - #C0CFD1 | 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 #255A5E as 0% and #C0CFD1 as 100%.

0.0%	0.0% #255A5E	RGB 37 90 94	#255A5E
16.7%	16.7% #3E6D71	RGB 62 109 113	#3E6D71
33.3%	33.3% #588184	RGB 88 129 132	#588184
50.0%	50.0% #729497	RGB 114 148 151	#729497
66.7%	66.7% #8CA8AA	RGB 140 168 170	#8CA8AA
83.3%	83.3% #A6BBBD	RGB 166 187 189	#A6BBBD
100.0%	100.0% #C0CFD1	RGB 192 207 209	#C0CFD1

#255A5E #3E6D71 #588184 #729497 #8CA8AA #A6BBBD #C0CFD1

#255A5E - #C0CFD1

HSV Blend

#255A5E - #C0CFD1 | 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 #255A5E as 0% and #C0CFD1 as 100%.

0.0%	0.0% #25595E	RGB 37 89 94	#25595E
16.7%	16.7% #366C71	RGB 54 108 113	#366C71
33.3%	33.3% #4B7F84	RGB 75 127 132	#4B7F84
50.0%	50.0% #639297	RGB 99 146 151	#639297
66.7%	66.7% #7EA6AA	RGB 126 166 170	#7EA6AA
83.3%	83.3% #9DBABD	RGB 157 186 189	#9DBABD
100.0%	100.0% #C0CFD1	RGB 192 207 209	#C0CFD1

#25595E #366C71 #4B7F84 #639297 #7EA6AA #9DBABD #C0CFD1

#255A5E - #639297 - #C0CFD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #25595E 0%, #639297 50%, #C0CFD1 100%);
    background: -webkit-linear-gradient(top, #25595E 0%, #639297 50%, #C0CFD1 100%);
    background: linear-gradient(to bottom, #25595E 0%, #639297 50%, #C0CFD1 100%);
}
</style>