#98A898 - #CAB4D9 | 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 #98A898 to #CAB4D9

#98A898 #CAB4D9

Calculate the color between two colors, #98A898 and #CAB4D9. 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)

#98A898 - #CAB4D9 | 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 #98A898 as 0% and #CAB4D9 as 100%.

0.0%	0.0% #98A898	RGB 152 168 152	#98A898
16.7%	16.7% #A0AAA2	RGB 160 170 162	#A0AAA2
33.3%	33.3% #A8ACAD	RGB 168 172 173	#A8ACAD
50.0%	50.0% #B1AEB8	RGB 177 174 184	#B1AEB8
66.7%	66.7% #B9B0C3	RGB 185 176 195	#B9B0C3
83.3%	83.3% #C1B2CE	RGB 193 178 206	#C1B2CE
100.0%	100.0% #CAB4D9	RGB 202 180 217	#CAB4D9

#98A898 #A0AAA2 #A8ACAD #B1AEB8 #B9B0C3 #C1B2CE #CAB4D9

#98A898 - #CAB4D9

HSV Blend

#98A898 - #CAB4D9 | 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 #98A898 as 0% and #CAB4D9 as 100%.

0.0%	0.0% #98A898	RGB 152 168 152	#98A898
16.7%	16.7% #9DB0A5	RGB 157 176 165	#9DB0A5
33.3%	33.3% #A2B8B5	RGB 162 184 181	#A2B8B5
50.0%	50.0% #A6B8C0	RGB 166 184 192	#A6B8C0
66.7%	66.7% #ABB3C8	RGB 171 179 200	#ABB3C8
83.3%	83.3% #B5AFD0	RGB 181 175 208	#B5AFD0
100.0%	100.0% #CAB4D9	RGB 202 180 217	#CAB4D9

#98A898 #9DB0A5 #A2B8B5 #A6B8C0 #ABB3C8 #B5AFD0 #CAB4D9

#98A898 - #A6B8C0 - #CAB4D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #98A898 0%, #A6B8C0 50%, #CAB4D9 100%);
    background: -webkit-linear-gradient(top, #98A898 0%, #A6B8C0 50%, #CAB4D9 100%);
    background: linear-gradient(to bottom, #98A898 0%, #A6B8C0 50%, #CAB4D9 100%);
}
</style>