#425A8C - #C9CFDE | 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 #425A8C to #C9CFDE

#425A8C #C9CFDE

Calculate the color between two colors, #425A8C and #C9CFDE. 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)

#425A8C - #C9CFDE | 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 #425A8C as 0% and #C9CFDE as 100%.

0.0%	0.0% #425A8C	RGB 66 90 140	#425A8C
16.7%	16.7% #586D99	RGB 88 109 153	#586D99
33.3%	33.3% #6F81A7	RGB 111 129 167	#6F81A7
50.0%	50.0% #8594B5	RGB 133 148 181	#8594B5
66.7%	66.7% #9CA8C2	RGB 156 168 194	#9CA8C2
83.3%	83.3% #B2BBD0	RGB 178 187 208	#B2BBD0
100.0%	100.0% #C9CFDE	RGB 201 207 222	#C9CFDE

#425A8C #586D99 #6F81A7 #8594B5 #9CA8C2 #B2BBD0 #C9CFDE

#425A8C - #C9CFDE

HSV Blend

#425A8C - #C9CFDE | 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 #425A8C as 0% and #C9CFDE as 100%.

0.0%	0.0% #425A8C	RGB 66 90 140	#425A8C
16.7%	16.7% #536999	RGB 83 105 153	#536999
33.3%	33.3% #677BA7	RGB 103 123 167	#677BA7
50.0%	50.0% #7C8DB5	RGB 124 141 181	#7C8DB5
66.7%	66.7% #94A1C2	RGB 148 161 194	#94A1C2
83.3%	83.3% #ADB7D0	RGB 173 183 208	#ADB7D0
100.0%	100.0% #C9CFDE	RGB 201 207 222	#C9CFDE

#425A8C #536999 #677BA7 #7C8DB5 #94A1C2 #ADB7D0 #C9CFDE

#425A8C - #7C8DB5 - #C9CFDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #425A8C 0%, #7C8DB5 50%, #C9CFDE 100%);
    background: -webkit-linear-gradient(top, #425A8C 0%, #7C8DB5 50%, #C9CFDE 100%);
    background: linear-gradient(to bottom, #425A8C 0%, #7C8DB5 50%, #C9CFDE 100%);
}
</style>