#7DA3C7 - #232E38 | 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 #7DA3C7 to #232E38

#7DA3C7 #232E38

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

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

0.0%	0.0% #7DA3C7	RGB 125 163 199	#7DA3C7
16.7%	16.7% #6E8FAF	RGB 110 143 175	#6E8FAF
33.3%	33.3% #5F7C97	RGB 95 124 151	#5F7C97
50.0%	50.0% #50687F	RGB 80 104 127	#50687F
66.7%	66.7% #415567	RGB 65 85 103	#415567
83.3%	83.3% #32414F	RGB 50 65 79	#32414F
100.0%	100.0% #232E38	RGB 35 46 56	#232E38

#7DA3C7 #6E8FAF #5F7C97 #50687F #415567 #32414F #232E38

#7DA3C7 - #232E38

HSV Blend

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

0.0%	0.0% #7DA3C7	RGB 125 163 199	#7DA3C7
16.7%	16.7% #6D8FAF	RGB 109 143 175	#6D8FAF
33.3%	33.3% #5E7C97	RGB 94 124 151	#5E7C97
50.0%	50.0% #4F687F	RGB 79 104 127	#4F687F
66.7%	66.7% #405567	RGB 64 85 103	#405567
83.3%	83.3% #31414F	RGB 49 65 79	#31414F
100.0%	100.0% #232E38	RGB 35 46 56	#232E38

#7DA3C7 #6D8FAF #5E7C97 #4F687F #405567 #31414F #232E38

#7DA3C7 - #4F687F - #232E38

CSS codes

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

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