#C8C9FB - #696ECF | 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 #C8C9FB to #696ECF

#C8C9FB #696ECF

Calculate the color between two colors, #C8C9FB and #696ECF. 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)

#C8C9FB - #696ECF | 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 #C8C9FB as 0% and #696ECF as 100%.

0.0%	0.0% #C8C9FB	RGB 200 201 251	#C8C9FB
16.7%	16.7% #B8B9F3	RGB 184 185 243	#B8B9F3
33.3%	33.3% #A8AAEC	RGB 168 170 236	#A8AAEC
50.0%	50.0% #989BE5	RGB 152 155 229	#989BE5
66.7%	66.7% #888CDD	RGB 136 140 221	#888CDD
83.3%	83.3% #787DD6	RGB 120 125 214	#787DD6
100.0%	100.0% #696ECF	RGB 105 110 207	#696ECF

#C8C9FB #B8B9F3 #A8AAEC #989BE5 #888CDD #787DD6 #696ECF

#C8C9FB - #696ECF

HSV Blend

#C8C9FB - #696ECF | 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 #C8C9FB as 0% and #696ECF as 100%.

0.0%	0.0% #C8C9FB	RGB 200 201 251	#C8C9FB
16.7%	16.7% #B6B7F3	RGB 182 183 243	#B6B7F3
33.3%	33.3% #A5A7EC	RGB 165 167 236	#A5A7EC
50.0%	50.0% #9598E5	RGB 149 152 229	#9598E5
66.7%	66.7% #8589DD	RGB 133 137 221	#8589DD
83.3%	83.3% #777BD6	RGB 119 123 214	#777BD6
100.0%	100.0% #696ECF	RGB 105 110 207	#696ECF

#C8C9FB #B6B7F3 #A5A7EC #9598E5 #8589DD #777BD6 #696ECF

#C8C9FB - #9598E5 - #696ECF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C9FB 0%, #9598E5 50%, #696ECF 100%);
    background: -webkit-linear-gradient(top, #C8C9FB 0%, #9598E5 50%, #696ECF 100%);
    background: linear-gradient(to bottom, #C8C9FB 0%, #9598E5 50%, #696ECF 100%);
}
</style>