#28305E - #697290 | 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 #28305E to #697290

#28305E #697290

Calculate the color between two colors, #28305E and #697290. 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)

#28305E - #697290 | 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 #28305E as 0% and #697290 as 100%.

0.0%	0.0% #28305E	RGB 40 48 94	#28305E
16.7%	16.7% #323B66	RGB 50 59 102	#323B66
33.3%	33.3% #3D466E	RGB 61 70 110	#3D466E
50.0%	50.0% #485177	RGB 72 81 119	#485177
66.7%	66.7% #535C7F	RGB 83 92 127	#535C7F
83.3%	83.3% #5E6787	RGB 94 103 135	#5E6787
100.0%	100.0% #697290	RGB 105 114 144	#697290

#28305E #323B66 #3D466E #485177 #535C7F #5E6787 #697290

#28305E - #697290

HSV Blend

#28305E - #697290 | 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 #28305E as 0% and #697290 as 100%.

0.0%	0.0% #28305E	RGB 40 48 94	#28305E
16.7%	16.7% #303966	RGB 48 57 102	#303966
33.3%	33.3% #3A436E	RGB 58 67 110	#3A436E
50.0%	50.0% #444E77	RGB 68 78 119	#444E77
66.7%	66.7% #4F597F	RGB 79 89 127	#4F597F
83.3%	83.3% #5C6587	RGB 92 101 135	#5C6587
100.0%	100.0% #697290	RGB 105 114 144	#697290

#28305E #303966 #3A436E #444E77 #4F597F #5C6587 #697290

#28305E - #444E77 - #697290

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #28305E 0%, #444E77 50%, #697290 100%);
    background: -webkit-linear-gradient(top, #28305E 0%, #444E77 50%, #697290 100%);
    background: linear-gradient(to bottom, #28305E 0%, #444E77 50%, #697290 100%);
}
</style>