#23809C - #C0DAE2 | 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 #23809C to #C0DAE2

#23809C #C0DAE2

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

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

0.0%	0.0% #23809C	RGB 35 128 156	#23809C
16.7%	16.7% #3D8FA7	RGB 61 143 167	#3D8FA7
33.3%	33.3% #579EB3	RGB 87 158 179	#579EB3
50.0%	50.0% #71ADBF	RGB 113 173 191	#71ADBF
66.7%	66.7% #8BBCCA	RGB 139 188 202	#8BBCCA
83.3%	83.3% #A5CBD6	RGB 165 203 214	#A5CBD6
100.0%	100.0% #C0DAE2	RGB 192 218 226	#C0DAE2

#23809C #3D8FA7 #579EB3 #71ADBF #8BBCCA #A5CBD6 #C0DAE2

#23809C - #C0DAE2

HSV Blend

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

0.0%	0.0% #23809C	RGB 35 128 156	#23809C
16.7%	16.7% #378DA7	RGB 55 141 167	#378DA7
33.3%	33.3% #4D9BB3	RGB 77 155 179	#4D9BB3
50.0%	50.0% #66AABF	RGB 102 170 191	#66AABF
66.7%	66.7% #81B9CA	RGB 129 185 202	#81B9CA
83.3%	83.3% #9FC9D6	RGB 159 201 214	#9FC9D6
100.0%	100.0% #C0DAE2	RGB 192 218 226	#C0DAE2

#23809C #378DA7 #4D9BB3 #66AABF #81B9CA #9FC9D6 #C0DAE2

#23809C - #66AABF - #C0DAE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #23809C 0%, #66AABF 50%, #C0DAE2 100%);
    background: -webkit-linear-gradient(top, #23809C 0%, #66AABF 50%, #C0DAE2 100%);
    background: linear-gradient(to bottom, #23809C 0%, #66AABF 50%, #C0DAE2 100%);
}
</style>