#234F5E - #C0CCD1 | 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 #234F5E to #C0CCD1

#234F5E #C0CCD1

Calculate the color between two colors, #234F5E and #C0CCD1. 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)

#234F5E - #C0CCD1 | 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 #234F5E as 0% and #C0CCD1 as 100%.

0.0%	0.0% #234F5E	RGB 35 79 94	#234F5E
16.7%	16.7% #3D6371	RGB 61 99 113	#3D6371
33.3%	33.3% #577884	RGB 87 120 132	#577884
50.0%	50.0% #718D97	RGB 113 141 151	#718D97
66.7%	66.7% #8BA2AA	RGB 139 162 170	#8BA2AA
83.3%	83.3% #A5B7BD	RGB 165 183 189	#A5B7BD
100.0%	100.0% #C0CCD1	RGB 192 204 209	#C0CCD1

#234F5E #3D6371 #577884 #718D97 #8BA2AA #A5B7BD #C0CCD1

#234F5E - #C0CCD1

HSV Blend

#234F5E - #C0CCD1 | 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 #234F5E as 0% and #C0CCD1 as 100%.

0.0%	0.0% #234F5E	RGB 35 79 94	#234F5E
16.7%	16.7% #346171	RGB 52 97 113	#346171
33.3%	33.3% #497484	RGB 73 116 132	#497484
50.0%	50.0% #618897	RGB 97 136 151	#618897
66.7%	66.7% #7D9EAA	RGB 125 158 170	#7D9EAA
83.3%	83.3% #9DB4BD	RGB 157 180 189	#9DB4BD
100.0%	100.0% #C0CCD1	RGB 192 204 209	#C0CCD1

#234F5E #346171 #497484 #618897 #7D9EAA #9DB4BD #C0CCD1

#234F5E - #618897 - #C0CCD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #234F5E 0%, #618897 50%, #C0CCD1 100%);
    background: -webkit-linear-gradient(top, #234F5E 0%, #618897 50%, #C0CCD1 100%);
    background: linear-gradient(to bottom, #234F5E 0%, #618897 50%, #C0CCD1 100%);
}
</style>