#9FADDA - #425B9C | 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 #9FADDA to #425B9C

#9FADDA #425B9C

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

#9FADDA - #425B9C | 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 #9FADDA as 0% and #425B9C as 100%.

0.0%	0.0% #9FADDA	RGB 159 173 218	#9FADDA
16.7%	16.7% #8F9FCF	RGB 143 159 207	#8F9FCF
33.3%	33.3% #8091C5	RGB 128 145 197	#8091C5
50.0%	50.0% #7084BB	RGB 112 132 187	#7084BB
66.7%	66.7% #6176B0	RGB 97 118 176	#6176B0
83.3%	83.3% #5168A6	RGB 81 104 166	#5168A6
100.0%	100.0% #425B9C	RGB 66 91 156	#425B9C

#9FADDA #8F9FCF #8091C5 #7084BB #6176B0 #5168A6 #425B9C

#9FADDA - #425B9C

HSV Blend

#9FADDA - #425B9C | 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 #9FADDA as 0% and #425B9C as 100%.

0.0%	0.0% #9FADDA	RGB 159 173 218	#9FADDA
16.7%	16.7% #8C9DCF	RGB 140 157 207	#8C9DCF
33.3%	33.3% #7B8EC5	RGB 123 142 197	#7B8EC5
50.0%	50.0% #6B80BB	RGB 107 128 187	#6B80BB
66.7%	66.7% #5C72B0	RGB 92 114 176	#5C72B0
83.3%	83.3% #4E66A6	RGB 78 102 166	#4E66A6
100.0%	100.0% #425B9C	RGB 66 91 156	#425B9C

#9FADDA #8C9DCF #7B8EC5 #6B80BB #5C72B0 #4E66A6 #425B9C

#9FADDA - #6B80BB - #425B9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FADDA 0%, #6B80BB 50%, #425B9C 100%);
    background: -webkit-linear-gradient(top, #9FADDA 0%, #6B80BB 50%, #425B9C 100%);
    background: linear-gradient(to bottom, #9FADDA 0%, #6B80BB 50%, #425B9C 100%);
}
</style>