#A8C0C8 - #4B8185 | 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 #A8C0C8 to #4B8185

#A8C0C8 #4B8185

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

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

0.0%	0.0% #A8C0C8	RGB 168 192 200	#A8C0C8
16.7%	16.7% #98B5BC	RGB 152 181 188	#98B5BC
33.3%	33.3% #89ABB1	RGB 137 171 177	#89ABB1
50.0%	50.0% #79A0A6	RGB 121 160 166	#79A0A6
66.7%	66.7% #6A969B	RGB 106 150 155	#6A969B
83.3%	83.3% #5A8B90	RGB 90 139 144	#5A8B90
100.0%	100.0% #4B8185	RGB 75 129 133	#4B8185

#A8C0C8 #98B5BC #89ABB1 #79A0A6 #6A969B #5A8B90 #4B8185

#A8C0C8 - #4B8185

HSV Blend

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

0.0%	0.0% #A8C0C8	RGB 168 192 200	#A8C0C8
16.7%	16.7% #95B4BC	RGB 149 180 188	#95B4BC
33.3%	33.3% #84A9B1	RGB 132 169 177	#84A9B1
50.0%	50.0% #749EA6	RGB 116 158 166	#749EA6
66.7%	66.7% #65949B	RGB 101 148 155	#65949B
83.3%	83.3% #578A90	RGB 87 138 144	#578A90
100.0%	100.0% #4B8185	RGB 75 129 133	#4B8185

#A8C0C8 #95B4BC #84A9B1 #749EA6 #65949B #578A90 #4B8185

#A8C0C8 - #749EA6 - #4B8185

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0C8 0%, #749EA6 50%, #4B8185 100%);
    background: -webkit-linear-gradient(top, #A8C0C8 0%, #749EA6 50%, #4B8185 100%);
    background: linear-gradient(to bottom, #A8C0C8 0%, #749EA6 50%, #4B8185 100%);
}
</style>