#7D9DDA - #232B3E | 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 #7D9DDA to #232B3E

#7D9DDA #232B3E

Calculate the color between two colors, #7D9DDA and #232B3E. 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)

#7D9DDA - #232B3E | 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 #7D9DDA as 0% and #232B3E as 100%.

0.0%	0.0% #7D9DDA	RGB 125 157 218	#7D9DDA
16.7%	16.7% #6E8AC0	RGB 110 138 192	#6E8AC0
33.3%	33.3% #5F77A6	RGB 95 119 166	#5F77A6
50.0%	50.0% #50648C	RGB 80 100 140	#50648C
66.7%	66.7% #415172	RGB 65 81 114	#415172
83.3%	83.3% #323E58	RGB 50 62 88	#323E58
100.0%	100.0% #232B3E	RGB 35 43 62	#232B3E

#7D9DDA #6E8AC0 #5F77A6 #50648C #415172 #323E58 #232B3E

#7D9DDA - #232B3E

HSV Blend

#7D9DDA - #232B3E | 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 #7D9DDA as 0% and #232B3E as 100%.

0.0%	0.0% #7D9CDA	RGB 125 156 218	#7D9CDA
16.7%	16.7% #6D89C0	RGB 109 137 192	#6D89C0
33.3%	33.3% #5E76A6	RGB 94 118 166	#5E76A6
50.0%	50.0% #4F628C	RGB 79 98 140	#4F628C
66.7%	66.7% #405072	RGB 64 80 114	#405072
83.3%	83.3% #313D58	RGB 49 61 88	#313D58
100.0%	100.0% #232B3E	RGB 35 43 62	#232B3E

#7D9CDA #6D89C0 #5E76A6 #4F628C #405072 #313D58 #232B3E

#7D9DDA - #4F628C - #232B3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D9CDA 0%, #4F628C 50%, #232B3E 100%);
    background: -webkit-linear-gradient(top, #7D9CDA 0%, #4F628C 50%, #232B3E 100%);
    background: linear-gradient(to bottom, #7D9CDA 0%, #4F628C 50%, #232B3E 100%);
}
</style>