#C26CDB - #8CAAFF | 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 #C26CDB to #8CAAFF

#C26CDB #8CAAFF

Calculate the color between two colors, #C26CDB and #8CAAFF. 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)

#C26CDB - #8CAAFF | 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 #C26CDB as 0% and #8CAAFF as 100%.

0.0%	0.0% #C26CDB	RGB 194 108 219	#C26CDB
16.7%	16.7% #B976E1	RGB 185 118 225	#B976E1
33.3%	33.3% #B080E7	RGB 176 128 231	#B080E7
50.0%	50.0% #A78BED	RGB 167 139 237	#A78BED
66.7%	66.7% #9E95F3	RGB 158 149 243	#9E95F3
83.3%	83.3% #959FF9	RGB 149 159 249	#959FF9
100.0%	100.0% #8CAAFF	RGB 140 170 255	#8CAAFF

#C26CDB #B976E1 #B080E7 #A78BED #9E95F3 #959FF9 #8CAAFF

#C26CDB - #8CAAFF

HSV Blend

#C26CDB - #8CAAFF | 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 #C26CDB as 0% and #8CAAFF as 100%.

0.0%	0.0% #C26CDB	RGB 194 108 219	#C26CDB
16.7%	16.7% #B471E1	RGB 180 113 225	#B471E1
33.3%	33.3% #A676E7	RGB 166 118 231	#A676E7
50.0%	50.0% #987BED	RGB 152 123 237	#987BED
66.7%	66.7% #8A80F3	RGB 138 128 243	#8A80F3
83.3%	83.3% #8690F9	RGB 134 144 249	#8690F9
100.0%	100.0% #8CAAFF	RGB 140 170 255	#8CAAFF

#C26CDB #B471E1 #A676E7 #987BED #8A80F3 #8690F9 #8CAAFF

#C26CDB - #987BED - #8CAAFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C26CDB 0%, #987BED 50%, #8CAAFF 100%);
    background: -webkit-linear-gradient(top, #C26CDB 0%, #987BED 50%, #8CAAFF 100%);
    background: linear-gradient(to bottom, #C26CDB 0%, #987BED 50%, #8CAAFF 100%);
}
</style>