#275B5E - #9CAA97 | 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 #275B5E to #9CAA97

#275B5E #9CAA97

Calculate the color between two colors, #275B5E and #9CAA97. 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)

#275B5E - #9CAA97 | 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 #275B5E as 0% and #9CAA97 as 100%.

0.0%	0.0% #275B5E	RGB 39 91 94	#275B5E
16.7%	16.7% #3A6867	RGB 58 104 103	#3A6867
33.3%	33.3% #4E7571	RGB 78 117 113	#4E7571
50.0%	50.0% #61827A	RGB 97 130 122	#61827A
66.7%	66.7% #758F84	RGB 117 143 132	#758F84
83.3%	83.3% #889C8D	RGB 136 156 141	#889C8D
100.0%	100.0% #9CAA97	RGB 156 170 151	#9CAA97

#275B5E #3A6867 #4E7571 #61827A #758F84 #889C8D #9CAA97

#275B5E - #9CAA97

HSV Blend

#275B5E - #9CAA97 | 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 #275B5E as 0% and #9CAA97 as 100%.

0.0%	0.0% #275B5E	RGB 39 91 94	#275B5E
16.7%	16.7% #346A61	RGB 52 106 97	#346A61
33.3%	33.3% #447763	RGB 68 119 99	#447763
50.0%	50.0% #568468	RGB 86 132 104	#568468
66.7%	66.7% #699070	RGB 105 144 112	#699070
83.3%	83.3% #809D7F	RGB 128 157 127	#809D7F
100.0%	100.0% #9CAA97	RGB 156 170 151	#9CAA97

#275B5E #346A61 #447763 #568468 #699070 #809D7F #9CAA97

#275B5E - #568468 - #9CAA97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #275B5E 0%, #568468 50%, #9CAA97 100%);
    background: -webkit-linear-gradient(top, #275B5E 0%, #568468 50%, #9CAA97 100%);
    background: linear-gradient(to bottom, #275B5E 0%, #568468 50%, #9CAA97 100%);
}
</style>