#8D12FF - #8CD7FF | 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 #8D12FF to #8CD7FF

#8D12FF #8CD7FF

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

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

0.0%	0.0% #8D12FF	RGB 141 18 255	#8D12FF
16.7%	16.7% #8C32FF	RGB 140 50 255	#8C32FF
33.3%	33.3% #8C53FF	RGB 140 83 255	#8C53FF
50.0%	50.0% #8C74FF	RGB 140 116 255	#8C74FF
66.7%	66.7% #8C95FF	RGB 140 149 255	#8C95FF
83.3%	83.3% #8CB6FF	RGB 140 182 255	#8CB6FF
100.0%	100.0% #8CD7FF	RGB 140 215 255	#8CD7FF

#8D12FF #8C32FF #8C53FF #8C74FF #8C95FF #8CB6FF #8CD7FF

#8D12FF - #8CD7FF

HSV Blend

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

0.0%	0.0% #8D11FF	RGB 141 17 255	#8D11FF
16.7%	16.7% #6C26FF	RGB 108 38 255	#6C26FF
33.3%	33.3% #533AFF	RGB 83 58 255	#533AFF
50.0%	50.0% #4F5AFF	RGB 79 90 255	#4F5AFF
66.7%	66.7% #638CFF	RGB 99 140 255	#638CFF
83.3%	83.3% #77B5FF	RGB 119 181 255	#77B5FF
100.0%	100.0% #8CD7FF	RGB 140 215 255	#8CD7FF

#8D11FF #6C26FF #533AFF #4F5AFF #638CFF #77B5FF #8CD7FF

#8D12FF - #4F5AFF - #8CD7FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D11FF 0%, #4F5AFF 50%, #8CD7FF 100%);
    background: -webkit-linear-gradient(top, #8D11FF 0%, #4F5AFF 50%, #8CD7FF 100%);
    background: linear-gradient(to bottom, #8D11FF 0%, #4F5AFF 50%, #8CD7FF 100%);
}
</style>