#258492 - #C0DBDF | 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 #258492 to #C0DBDF

#258492 #C0DBDF

Calculate the color between two colors, #258492 and #C0DBDF. 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)

#258492 - #C0DBDF | 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 #258492 as 0% and #C0DBDF as 100%.

0.0%	0.0% #258492	RGB 37 132 146	#258492
16.7%	16.7% #3E929E	RGB 62 146 158	#3E929E
33.3%	33.3% #58A1AB	RGB 88 161 171	#58A1AB
50.0%	50.0% #72AFB8	RGB 114 175 184	#72AFB8
66.7%	66.7% #8CBEC5	RGB 140 190 197	#8CBEC5
83.3%	83.3% #A6CCD2	RGB 166 204 210	#A6CCD2
100.0%	100.0% #C0DBDF	RGB 192 219 223	#C0DBDF

#258492 #3E929E #58A1AB #72AFB8 #8CBEC5 #A6CCD2 #C0DBDF

#258492 - #C0DBDF

HSV Blend

#258492 - #C0DBDF | 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 #258492 as 0% and #C0DBDF as 100%.

0.0%	0.0% #258492	RGB 37 132 146	#258492
16.7%	16.7% #38919E	RGB 56 145 158	#38919E
33.3%	33.3% #4E9FAB	RGB 78 159 171	#4E9FAB
50.0%	50.0% #66ADB8	RGB 102 173 184	#66ADB8
66.7%	66.7% #81BCC5	RGB 129 188 197	#81BCC5
83.3%	83.3% #9FCBD2	RGB 159 203 210	#9FCBD2
100.0%	100.0% #C0DBDF	RGB 192 219 223	#C0DBDF

#258492 #38919E #4E9FAB #66ADB8 #81BCC5 #9FCBD2 #C0DBDF

#258492 - #66ADB8 - #C0DBDF

CSS codes

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

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