#353C7E - #7982AC | 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 #353C7E to #7982AC

#353C7E #7982AC

Calculate the color between two colors, #353C7E and #7982AC. 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)

#353C7E - #7982AC | 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 #353C7E as 0% and #7982AC as 100%.

0.0%	0.0% #353C7E	RGB 53 60 126	#353C7E
16.7%	16.7% #404785	RGB 64 71 133	#404785
33.3%	33.3% #4B538D	RGB 75 83 141	#4B538D
50.0%	50.0% #575F95	RGB 87 95 149	#575F95
66.7%	66.7% #626A9C	RGB 98 106 156	#626A9C
83.3%	83.3% #6D76A4	RGB 109 118 164	#6D76A4
100.0%	100.0% #7982AC	RGB 121 130 172	#7982AC

#353C7E #404785 #4B538D #575F95 #626A9C #6D76A4 #7982AC

#353C7E - #7982AC

HSV Blend

#353C7E - #7982AC | 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 #353C7E as 0% and #7982AC as 100%.

0.0%	0.0% #353B7E	RGB 53 59 126	#353B7E
16.7%	16.7% #3E4685	RGB 62 70 133	#3E4685
33.3%	33.3% #48518D	RGB 72 81 141	#48518D
50.0%	50.0% #535C95	RGB 83 92 149	#535C95
66.7%	66.7% #5F689C	RGB 95 104 156	#5F689C
83.3%	83.3% #6B75A4	RGB 107 117 164	#6B75A4
100.0%	100.0% #7982AC	RGB 121 130 172	#7982AC

#353B7E #3E4685 #48518D #535C95 #5F689C #6B75A4 #7982AC

#353C7E - #535C95 - #7982AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353B7E 0%, #535C95 50%, #7982AC 100%);
    background: -webkit-linear-gradient(top, #353B7E 0%, #535C95 50%, #7982AC 100%);
    background: linear-gradient(to bottom, #353B7E 0%, #535C95 50%, #7982AC 100%);
}
</style>