#C5CCFF - #607AD5 | 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 #C5CCFF to #607AD5

#C5CCFF #607AD5

Calculate the color between two colors, #C5CCFF and #607AD5. 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)

#C5CCFF - #607AD5 | 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 #C5CCFF as 0% and #607AD5 as 100%.

0.0%	0.0% #C5CCFF	RGB 197 204 255	#C5CCFF
16.7%	16.7% #B4BEF8	RGB 180 190 248	#B4BEF8
33.3%	33.3% #A3B0F1	RGB 163 176 241	#A3B0F1
50.0%	50.0% #92A3EA	RGB 146 163 234	#92A3EA
66.7%	66.7% #8195E3	RGB 129 149 227	#8195E3
83.3%	83.3% #7087DC	RGB 112 135 220	#7087DC
100.0%	100.0% #607AD5	RGB 96 122 213	#607AD5

#C5CCFF #B4BEF8 #A3B0F1 #92A3EA #8195E3 #7087DC #607AD5

#C5CCFF - #607AD5

HSV Blend

#C5CCFF - #607AD5 | 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 #C5CCFF as 0% and #607AD5 as 100%.

0.0%	0.0% #C5CCFF	RGB 197 204 255	#C5CCFF
16.7%	16.7% #B2BBF8	RGB 178 187 248	#B2BBF8
33.3%	33.3% #A0ACF1	RGB 160 172 241	#A0ACF1
50.0%	50.0% #8F9EEA	RGB 143 158 234	#8F9EEA
66.7%	66.7% #7E91E3	RGB 126 145 227	#7E91E3
83.3%	83.3% #6E85DC	RGB 110 133 220	#6E85DC
100.0%	100.0% #607AD5	RGB 96 122 213	#607AD5

#C5CCFF #B2BBF8 #A0ACF1 #8F9EEA #7E91E3 #6E85DC #607AD5

#C5CCFF - #8F9EEA - #607AD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5CCFF 0%, #8F9EEA 50%, #607AD5 100%);
    background: -webkit-linear-gradient(top, #C5CCFF 0%, #8F9EEA 50%, #607AD5 100%);
    background: linear-gradient(to bottom, #C5CCFF 0%, #8F9EEA 50%, #607AD5 100%);
}
</style>