#A8B9CD - #51698D | 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 #A8B9CD to #51698D

#A8B9CD #51698D

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

#A8B9CD - #51698D | 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 #A8B9CD as 0% and #51698D as 100%.

0.0%	0.0% #A8B9CD	RGB 168 185 205	#A8B9CD
16.7%	16.7% #99ABC2	RGB 153 171 194	#99ABC2
33.3%	33.3% #8B9EB7	RGB 139 158 183	#8B9EB7
50.0%	50.0% #7C91AD	RGB 124 145 173	#7C91AD
66.7%	66.7% #6E83A2	RGB 110 131 162	#6E83A2
83.3%	83.3% #5F7697	RGB 95 118 151	#5F7697
100.0%	100.0% #51698D	RGB 81 105 141	#51698D

#A8B9CD #99ABC2 #8B9EB7 #7C91AD #6E83A2 #5F7697 #51698D

#A8B9CD - #51698D

HSV Blend

#A8B9CD - #51698D | 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 #A8B9CD as 0% and #51698D as 100%.

0.0%	0.0% #A8B9CD	RGB 168 185 205	#A8B9CD
16.7%	16.7% #97AAC2	RGB 151 170 194	#97AAC2
33.3%	33.3% #879CB7	RGB 135 156 183	#879CB7
50.0%	50.0% #788FAD	RGB 120 143 173	#788FAD
66.7%	66.7% #6A81A2	RGB 106 129 162	#6A81A2
83.3%	83.3% #5D7597	RGB 93 117 151	#5D7597
100.0%	100.0% #51698D	RGB 81 105 141	#51698D

#A8B9CD #97AAC2 #879CB7 #788FAD #6A81A2 #5D7597 #51698D

#A8B9CD - #788FAD - #51698D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B9CD 0%, #788FAD 50%, #51698D 100%);
    background: -webkit-linear-gradient(top, #A8B9CD 0%, #788FAD 50%, #51698D 100%);
    background: linear-gradient(to bottom, #A8B9CD 0%, #788FAD 50%, #51698D 100%);
}
</style>