#C8CCFF - #627AD5 | 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 #C8CCFF to #627AD5

#C8CCFF #627AD5

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

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

0.0%	0.0% #C8CCFF	RGB 200 204 255	#C8CCFF
16.7%	16.7% #B7BEF8	RGB 183 190 248	#B7BEF8
33.3%	33.3% #A6B0F1	RGB 166 176 241	#A6B0F1
50.0%	50.0% #95A3EA	RGB 149 163 234	#95A3EA
66.7%	66.7% #8495E3	RGB 132 149 227	#8495E3
83.3%	83.3% #7387DC	RGB 115 135 220	#7387DC
100.0%	100.0% #627AD5	RGB 98 122 213	#627AD5

#C8CCFF #B7BEF8 #A6B0F1 #95A3EA #8495E3 #7387DC #627AD5

#C8CCFF - #627AD5

HSV Blend

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

0.0%	0.0% #C8CCFF	RGB 200 204 255	#C8CCFF
16.7%	16.7% #B5BBF8	RGB 181 187 248	#B5BBF8
33.3%	33.3% #A2ACF1	RGB 162 172 241	#A2ACF1
50.0%	50.0% #919EEA	RGB 145 158 234	#919EEA
66.7%	66.7% #8090E3	RGB 128 144 227	#8090E3
83.3%	83.3% #7184DC	RGB 113 132 220	#7184DC
100.0%	100.0% #627AD5	RGB 98 122 213	#627AD5

#C8CCFF #B5BBF8 #A2ACF1 #919EEA #8090E3 #7184DC #627AD5

#C8CCFF - #919EEA - #627AD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8CCFF 0%, #919EEA 50%, #627AD5 100%);
    background: -webkit-linear-gradient(top, #C8CCFF 0%, #919EEA 50%, #627AD5 100%);
    background: linear-gradient(to bottom, #C8CCFF 0%, #919EEA 50%, #627AD5 100%);
}
</style>