#C068D1 - #361D3B | 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 #C068D1 to #361D3B

#C068D1 #361D3B

Calculate the color between two colors, #C068D1 and #361D3B. 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)

#C068D1 - #361D3B | 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 #C068D1 as 0% and #361D3B as 100%.

0.0%	0.0% #C068D1	RGB 192 104 209	#C068D1
16.7%	16.7% #A95BB8	RGB 169 91 184	#A95BB8
33.3%	33.3% #924F9F	RGB 146 79 159	#924F9F
50.0%	50.0% #7B4286	RGB 123 66 134	#7B4286
66.7%	66.7% #64366D	RGB 100 54 109	#64366D
83.3%	83.3% #4D2954	RGB 77 41 84	#4D2954
100.0%	100.0% #361D3B	RGB 54 29 59	#361D3B

#C068D1 #A95BB8 #924F9F #7B4286 #64366D #4D2954 #361D3B

#C068D1 - #361D3B

HSV Blend

#C068D1 - #361D3B | 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 #C068D1 as 0% and #361D3B as 100%.

0.0%	0.0% #C068D1	RGB 192 104 209	#C068D1
16.7%	16.7% #A85BB8	RGB 168 91 184	#A85BB8
33.3%	33.3% #914E9F	RGB 145 78 159	#914E9F
50.0%	50.0% #7A4286	RGB 122 66 134	#7A4286
66.7%	66.7% #63356D	RGB 99 53 109	#63356D
83.3%	83.3% #4C2954	RGB 76 41 84	#4C2954
100.0%	100.0% #361D3B	RGB 54 29 59	#361D3B

#C068D1 #A85BB8 #914E9F #7A4286 #63356D #4C2954 #361D3B

#C068D1 - #7A4286 - #361D3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C068D1 0%, #7A4286 50%, #361D3B 100%);
    background: -webkit-linear-gradient(top, #C068D1 0%, #7A4286 50%, #361D3B 100%);
    background: linear-gradient(to bottom, #C068D1 0%, #7A4286 50%, #361D3B 100%);
}
</style>