#4A8180 - #CBDBDA | 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 #4A8180 to #CBDBDA

#4A8180 #CBDBDA

Calculate the color between two colors, #4A8180 and #CBDBDA. 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)

#4A8180 - #CBDBDA | 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 #4A8180 as 0% and #CBDBDA as 100%.

0.0%	0.0% #4A8180	RGB 74 129 128	#4A8180
16.7%	16.7% #5F908F	RGB 95 144 143	#5F908F
33.3%	33.3% #759F9E	RGB 117 159 158	#759F9E
50.0%	50.0% #8AAEAD	RGB 138 174 173	#8AAEAD
66.7%	66.7% #A0BDBC	RGB 160 189 188	#A0BDBC
83.3%	83.3% #B5CCCB	RGB 181 204 203	#B5CCCB
100.0%	100.0% #CBDBDA	RGB 203 219 218	#CBDBDA

#4A8180 #5F908F #759F9E #8AAEAD #A0BDBC #B5CCCB #CBDBDA

#4A8180 - #CBDBDA

HSV Blend

#4A8180 - #CBDBDA | 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 #4A8180 as 0% and #CBDBDA as 100%.

0.0%	0.0% #4A8180	RGB 74 129 128	#4A8180
16.7%	16.7% #5B908E	RGB 91 144 142	#5B908E
33.3%	33.3% #6D9F9D	RGB 109 159 157	#6D9F9D
50.0%	50.0% #82AEAC	RGB 130 174 172	#82AEAC
66.7%	66.7% #98BDBB	RGB 152 189 187	#98BDBB
83.3%	83.3% #B1CCCA	RGB 177 204 202	#B1CCCA
100.0%	100.0% #CBDBDA	RGB 203 219 218	#CBDBDA

#4A8180 #5B908E #6D9F9D #82AEAC #98BDBB #B1CCCA #CBDBDA

#4A8180 - #82AEAC - #CBDBDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8180 0%, #82AEAC 50%, #CBDBDA 100%);
    background: -webkit-linear-gradient(top, #4A8180 0%, #82AEAC 50%, #CBDBDA 100%);
    background: linear-gradient(to bottom, #4A8180 0%, #82AEAC 50%, #CBDBDA 100%);
}
</style>