#3D8889 - #CAD0B2 | 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 #3D8889 to #CAD0B2

#3D8889 #CAD0B2

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

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

0.0%	0.0% #3D8889	RGB 61 136 137	#3D8889
16.7%	16.7% #54948F	RGB 84 148 143	#54948F
33.3%	33.3% #6CA096	RGB 108 160 150	#6CA096
50.0%	50.0% #83AC9D	RGB 131 172 157	#83AC9D
66.7%	66.7% #9BB8A4	RGB 155 184 164	#9BB8A4
83.3%	83.3% #B2C4AB	RGB 178 196 171	#B2C4AB
100.0%	100.0% #CAD0B2	RGB 202 208 178	#CAD0B2

#3D8889 #54948F #6CA096 #83AC9D #9BB8A4 #B2C4AB #CAD0B2

#3D8889 - #CAD0B2

HSV Blend

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

0.0%	0.0% #3D8889	RGB 61 136 137	#3D8889
16.7%	16.7% #4C947F	RGB 76 148 127	#4C947F
33.3%	33.3% #5DA078	RGB 93 160 120	#5DA078
50.0%	50.0% #70AC76	RGB 112 172 118	#70AC76
66.7%	66.7% #8EB884	RGB 142 184 132	#8EB884
83.3%	83.3% #AFC49A	RGB 175 196 154	#AFC49A
100.0%	100.0% #CAD0B2	RGB 202 208 178	#CAD0B2

#3D8889 #4C947F #5DA078 #70AC76 #8EB884 #AFC49A #CAD0B2

#3D8889 - #70AC76 - #CAD0B2

CSS codes

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

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