#3A818F - #BECAB6 | 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 #3A818F to #BECAB6

#3A818F #BECAB6

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

#3A818F - #BECAB6 | 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 #3A818F as 0% and #BECAB6 as 100%.

0.0%	0.0% #3A818F	RGB 58 129 143	#3A818F
16.7%	16.7% #508D95	RGB 80 141 149	#508D95
33.3%	33.3% #66999C	RGB 102 153 156	#66999C
50.0%	50.0% #7CA5A2	RGB 124 165 162	#7CA5A2
66.7%	66.7% #92B1A9	RGB 146 177 169	#92B1A9
83.3%	83.3% #A8BDAF	RGB 168 189 175	#A8BDAF
100.0%	100.0% #BECAB6	RGB 190 202 182	#BECAB6

#3A818F #508D95 #66999C #7CA5A2 #92B1A9 #A8BDAF #BECAB6

#3A818F - #BECAB6

HSV Blend

#3A818F - #BECAB6 | 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 #3A818F as 0% and #BECAB6 as 100%.

0.0%	0.0% #3A818F	RGB 58 129 143	#3A818F
16.7%	16.7% #4A9891	RGB 74 152 145	#4A9891
33.3%	33.3% #5CA289	RGB 92 162 137	#5CA289
50.0%	50.0% #70AC87	RGB 112 172 135	#70AC87
66.7%	66.7% #86B68C	RGB 134 182 140	#86B68C
83.3%	83.3% #A2C09D	RGB 162 192 157	#A2C09D
100.0%	100.0% #BECAB6	RGB 190 202 182	#BECAB6

#3A818F #4A9891 #5CA289 #70AC87 #86B68C #A2C09D #BECAB6

#3A818F - #70AC87 - #BECAB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A818F 0%, #70AC87 50%, #BECAB6 100%);
    background: -webkit-linear-gradient(top, #3A818F 0%, #70AC87 50%, #BECAB6 100%);
    background: linear-gradient(to bottom, #3A818F 0%, #70AC87 50%, #BECAB6 100%);
}
</style>