#25545C - #C0CDD0 | 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 #25545C to #C0CDD0

#25545C #C0CDD0

Calculate the color between two colors, #25545C and #C0CDD0. 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)

#25545C - #C0CDD0 | 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 #25545C as 0% and #C0CDD0 as 100%.

0.0%	0.0% #25545C	RGB 37 84 92	#25545C
16.7%	16.7% #3E686F	RGB 62 104 111	#3E686F
33.3%	33.3% #587C82	RGB 88 124 130	#587C82
50.0%	50.0% #729096	RGB 114 144 150	#729096
66.7%	66.7% #8CA4A9	RGB 140 164 169	#8CA4A9
83.3%	83.3% #A6B8BC	RGB 166 184 188	#A6B8BC
100.0%	100.0% #C0CDD0	RGB 192 205 208	#C0CDD0

#25545C #3E686F #587C82 #729096 #8CA4A9 #A6B8BC #C0CDD0

#25545C - #C0CDD0

HSV Blend

#25545C - #C0CDD0 | 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 #25545C as 0% and #C0CDD0 as 100%.

0.0%	0.0% #25545C	RGB 37 84 92	#25545C
16.7%	16.7% #36666F	RGB 54 102 111	#36666F
33.3%	33.3% #4B7982	RGB 75 121 130	#4B7982
50.0%	50.0% #638D96	RGB 99 141 150	#638D96
66.7%	66.7% #7EA1A9	RGB 126 161 169	#7EA1A9
83.3%	83.3% #9DB7BC	RGB 157 183 188	#9DB7BC
100.0%	100.0% #C0CDD0	RGB 192 205 208	#C0CDD0

#25545C #36666F #4B7982 #638D96 #7EA1A9 #9DB7BC #C0CDD0

#25545C - #638D96 - #C0CDD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #25545C 0%, #638D96 50%, #C0CDD0 100%);
    background: -webkit-linear-gradient(top, #25545C 0%, #638D96 50%, #C0CDD0 100%);
    background: linear-gradient(to bottom, #25545C 0%, #638D96 50%, #C0CDD0 100%);
}
</style>