#3E8291 - #8DB4B9 | 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 #3E8291 to #8DB4B9

#3E8291 #8DB4B9

Calculate the color between two colors, #3E8291 and #8DB4B9. 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)

#3E8291 - #8DB4B9 | 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 #3E8291 as 0% and #8DB4B9 as 100%.

0.0%	0.0% #3E8291	RGB 62 130 145	#3E8291
16.7%	16.7% #4B8A97	RGB 75 138 151	#4B8A97
33.3%	33.3% #58929E	RGB 88 146 158	#58929E
50.0%	50.0% #659BA5	RGB 101 155 165	#659BA5
66.7%	66.7% #72A3AB	RGB 114 163 171	#72A3AB
83.3%	83.3% #7FABB2	RGB 127 171 178	#7FABB2
100.0%	100.0% #8DB4B9	RGB 141 180 185	#8DB4B9

#3E8291 #4B8A97 #58929E #659BA5 #72A3AB #7FABB2 #8DB4B9

#3E8291 - #8DB4B9

HSV Blend

#3E8291 - #8DB4B9 | 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 #3E8291 as 0% and #8DB4B9 as 100%.

0.0%	0.0% #3E8291	RGB 62 130 145	#3E8291
16.7%	16.7% #498A97	RGB 73 138 151	#498A97
33.3%	33.3% #55929E	RGB 85 146 158	#55929E
50.0%	50.0% #629BA5	RGB 98 155 165	#629BA5
66.7%	66.7% #6FA3AB	RGB 111 163 171	#6FA3AB
83.3%	83.3% #7DABB2	RGB 125 171 178	#7DABB2
100.0%	100.0% #8DB4B9	RGB 141 180 185	#8DB4B9

#3E8291 #498A97 #55929E #629BA5 #6FA3AB #7DABB2 #8DB4B9

#3E8291 - #629BA5 - #8DB4B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E8291 0%, #629BA5 50%, #8DB4B9 100%);
    background: -webkit-linear-gradient(top, #3E8291 0%, #629BA5 50%, #8DB4B9 100%);
    background: linear-gradient(to bottom, #3E8291 0%, #629BA5 50%, #8DB4B9 100%);
}
</style>