#2D6C92 - #9DBABD | 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 #2D6C92 to #9DBABD

#2D6C92 #9DBABD

Calculate the color between two colors, #2D6C92 and #9DBABD. 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)

#2D6C92 - #9DBABD | 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 #2D6C92 as 0% and #9DBABD as 100%.

0.0%	0.0% #2D6C92	RGB 45 108 146	#2D6C92
16.7%	16.7% #3F7999	RGB 63 121 153	#3F7999
33.3%	33.3% #5286A0	RGB 82 134 160	#5286A0
50.0%	50.0% #6593A7	RGB 101 147 167	#6593A7
66.7%	66.7% #77A0AE	RGB 119 160 174	#77A0AE
83.3%	83.3% #8AADB5	RGB 138 173 181	#8AADB5
100.0%	100.0% #9DBABD	RGB 157 186 189	#9DBABD

#2D6C92 #3F7999 #5286A0 #6593A7 #77A0AE #8AADB5 #9DBABD

#2D6C92 - #9DBABD

HSV Blend

#2D6C92 - #9DBABD | 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 #2D6C92 as 0% and #9DBABD as 100%.

0.0%	0.0% #2D6B92	RGB 45 107 146	#2D6B92
16.7%	16.7% #3C7A99	RGB 60 122 153	#3C7A99
33.3%	33.3% #4D88A0	RGB 77 136 160	#4D88A0
50.0%	50.0% #5F96A7	RGB 95 150 167	#5F96A7
66.7%	66.7% #72A3AE	RGB 114 163 174	#72A3AE
83.3%	83.3% #87AFB5	RGB 135 175 181	#87AFB5
100.0%	100.0% #9DBABD	RGB 157 186 189	#9DBABD

#2D6B92 #3C7A99 #4D88A0 #5F96A7 #72A3AE #87AFB5 #9DBABD

#2D6C92 - #5F96A7 - #9DBABD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D6B92 0%, #5F96A7 50%, #9DBABD 100%);
    background: -webkit-linear-gradient(top, #2D6B92 0%, #5F96A7 50%, #9DBABD 100%);
    background: linear-gradient(to bottom, #2D6B92 0%, #5F96A7 50%, #9DBABD 100%);
}
</style>