#99A8C2 - #43597D | 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 #99A8C2 to #43597D

#99A8C2 #43597D

Calculate the color between two colors, #99A8C2 and #43597D. 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)

#99A8C2 - #43597D | 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 #99A8C2 as 0% and #43597D as 100%.

0.0%	0.0% #99A8C2	RGB 153 168 194	#99A8C2
16.7%	16.7% #8A9AB6	RGB 138 154 182	#8A9AB6
33.3%	33.3% #7C8DAB	RGB 124 141 171	#7C8DAB
50.0%	50.0% #6E809F	RGB 110 128 159	#6E809F
66.7%	66.7% #5F7394	RGB 95 115 148	#5F7394
83.3%	83.3% #516688	RGB 81 102 136	#516688
100.0%	100.0% #43597D	RGB 67 89 125	#43597D

#99A8C2 #8A9AB6 #7C8DAB #6E809F #5F7394 #516688 #43597D

#99A8C2 - #43597D

HSV Blend

#99A8C2 - #43597D | 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 #99A8C2 as 0% and #43597D as 100%.

0.0%	0.0% #99A8C2	RGB 153 168 194	#99A8C2
16.7%	16.7% #8899B6	RGB 136 153 182	#8899B6
33.3%	33.3% #788BAB	RGB 120 139 171	#788BAB
50.0%	50.0% #697D9F	RGB 105 125 159	#697D9F
66.7%	66.7% #5B7094	RGB 91 112 148	#5B7094
83.3%	83.3% #4E6488	RGB 78 100 136	#4E6488
100.0%	100.0% #43597D	RGB 67 89 125	#43597D

#99A8C2 #8899B6 #788BAB #697D9F #5B7094 #4E6488 #43597D

#99A8C2 - #697D9F - #43597D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99A8C2 0%, #697D9F 50%, #43597D 100%);
    background: -webkit-linear-gradient(top, #99A8C2 0%, #697D9F 50%, #43597D 100%);
    background: linear-gradient(to bottom, #99A8C2 0%, #697D9F 50%, #43597D 100%);
}
</style>