#696991 - #1D2F41 | 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 #696991 to #1D2F41

#696991 #1D2F41

Calculate the color between two colors, #696991 and #1D2F41. 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)

#696991 - #1D2F41 | 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 #696991 as 0% and #1D2F41 as 100%.

0.0%	0.0% #696991	RGB 105 105 145	#696991
16.7%	16.7% #5C5F83	RGB 92 95 131	#5C5F83
33.3%	33.3% #4F5576	RGB 79 85 118	#4F5576
50.0%	50.0% #434C69	RGB 67 76 105	#434C69
66.7%	66.7% #36425B	RGB 54 66 91	#36425B
83.3%	83.3% #29384E	RGB 41 56 78	#29384E
100.0%	100.0% #1D2F41	RGB 29 47 65	#1D2F41

#696991 #5C5F83 #4F5576 #434C69 #36425B #29384E #1D2F41

#696991 - #1D2F41

HSV Blend

#696991 - #1D2F41 | 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 #696991 as 0% and #1D2F41 as 100%.

0.0%	0.0% #696991	RGB 105 105 145	#696991
16.7%	16.7% #595C83	RGB 89 92 131	#595C83
33.3%	33.3% #4A5176	RGB 74 81 118	#4A5176
50.0%	50.0% #3D4869	RGB 61 72 105	#3D4869
66.7%	66.7% #313F5B	RGB 49 63 91	#313F5B
83.3%	83.3% #26374E	RGB 38 55 78	#26374E
100.0%	100.0% #1D2F41	RGB 29 47 65	#1D2F41

#696991 #595C83 #4A5176 #3D4869 #313F5B #26374E #1D2F41

#696991 - #3D4869 - #1D2F41

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #696991 0%, #3D4869 50%, #1D2F41 100%);
    background: -webkit-linear-gradient(top, #696991 0%, #3D4869 50%, #1D2F41 100%);
    background: linear-gradient(to bottom, #696991 0%, #3D4869 50%, #1D2F41 100%);
}
</style>