#6C759C - #23344C | 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 #6C759C to #23344C

#6C759C #23344C

Calculate the color between two colors, #6C759C and #23344C. 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)

#6C759C - #23344C | 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 #6C759C as 0% and #23344C as 100%.

0.0%	0.0% #6C759C	RGB 108 117 156	#6C759C
16.7%	16.7% #5F6A8E	RGB 95 106 142	#5F6A8E
33.3%	33.3% #535F81	RGB 83 95 129	#535F81
50.0%	50.0% #475474	RGB 71 84 116	#475474
66.7%	66.7% #3B4966	RGB 59 73 102	#3B4966
83.3%	83.3% #2F3E59	RGB 47 62 89	#2F3E59
100.0%	100.0% #23344C	RGB 35 52 76	#23344C

#6C759C #5F6A8E #535F81 #475474 #3B4966 #2F3E59 #23344C

#6C759C - #23344C

HSV Blend

#6C759C - #23344C | 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 #6C759C as 0% and #23344C as 100%.

0.0%	0.0% #6C759C	RGB 108 117 156	#6C759C
16.7%	16.7% #5D688E	RGB 93 104 142	#5D688E
33.3%	33.3% #4F5C81	RGB 79 92 129	#4F5C81
50.0%	50.0% #425174	RGB 66 81 116	#425174
66.7%	66.7% #374766	RGB 55 71 102	#374766
83.3%	83.3% #2C3D59	RGB 44 61 89	#2C3D59
100.0%	100.0% #23344C	RGB 35 52 76	#23344C

#6C759C #5D688E #4F5C81 #425174 #374766 #2C3D59 #23344C

#6C759C - #425174 - #23344C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C759C 0%, #425174 50%, #23344C 100%);
    background: -webkit-linear-gradient(top, #6C759C 0%, #425174 50%, #23344C 100%);
    background: linear-gradient(to bottom, #6C759C 0%, #425174 50%, #23344C 100%);
}
</style>