#4A8C8D - #CBDDDE | 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 #4A8C8D to #CBDDDE

#4A8C8D #CBDDDE

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

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

0.0%	0.0% #4A8C8D	RGB 74 140 141	#4A8C8D
16.7%	16.7% #5F999A	RGB 95 153 154	#5F999A
33.3%	33.3% #75A7A8	RGB 117 167 168	#75A7A8
50.0%	50.0% #8AB4B5	RGB 138 180 181	#8AB4B5
66.7%	66.7% #A0C2C3	RGB 160 194 195	#A0C2C3
83.3%	83.3% #B5CFD0	RGB 181 207 208	#B5CFD0
100.0%	100.0% #CBDDDE	RGB 203 221 222	#CBDDDE

#4A8C8D #5F999A #75A7A8 #8AB4B5 #A0C2C3 #B5CFD0 #CBDDDE

#4A8C8D - #CBDDDE

HSV Blend

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

0.0%	0.0% #4A8C8D	RGB 74 140 141	#4A8C8D
16.7%	16.7% #5B999A	RGB 91 153 154	#5B999A
33.3%	33.3% #6DA6A8	RGB 109 166 168	#6DA6A8
50.0%	50.0% #82B3B5	RGB 130 179 181	#82B3B5
66.7%	66.7% #98C1C3	RGB 152 193 195	#98C1C3
83.3%	83.3% #B1CFD0	RGB 177 207 208	#B1CFD0
100.0%	100.0% #CBDDDE	RGB 203 221 222	#CBDDDE

#4A8C8D #5B999A #6DA6A8 #82B3B5 #98C1C3 #B1CFD0 #CBDDDE

#4A8C8D - #82B3B5 - #CBDDDE

CSS codes

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

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