#43234B - #0C0B0E | 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 #43234B to #0C0B0E

#43234B #0C0B0E

Calculate the color between two colors, #43234B and #0C0B0E. 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)

#43234B - #0C0B0E | 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 #43234B as 0% and #0C0B0E as 100%.

0.0%	0.0% #43234B	RGB 67 35 75	#43234B
16.7%	16.7% #391F40	RGB 57 31 64	#391F40
33.3%	33.3% #301B36	RGB 48 27 54	#301B36
50.0%	50.0% #27172C	RGB 39 23 44	#27172C
66.7%	66.7% #1E1322	RGB 30 19 34	#1E1322
83.3%	83.3% #150F18	RGB 21 15 24	#150F18
100.0%	100.0% #0C0B0E	RGB 12 11 14	#0C0B0E

#43234B #391F40 #301B36 #27172C #1E1322 #150F18 #0C0B0E

#43234B - #0C0B0E

HSV Blend

#43234B - #0C0B0E | 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 #43234B as 0% and #0C0B0E as 100%.

0.0%	0.0% #43234B	RGB 67 35 75	#43234B
16.7%	16.7% #382140	RGB 56 33 64	#382140
33.3%	33.3% #2E1F36	RGB 46 31 54	#2E1F36
50.0%	50.0% #251B2C	RGB 37 27 44	#251B2C
66.7%	66.7% #1C1722	RGB 28 23 34	#1C1722
83.3%	83.3% #141118	RGB 20 17 24	#141118
100.0%	100.0% #0C0B0E	RGB 12 11 14	#0C0B0E

#43234B #382140 #2E1F36 #251B2C #1C1722 #141118 #0C0B0E

#43234B - #251B2C - #0C0B0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #43234B 0%, #251B2C 50%, #0C0B0E 100%);
    background: -webkit-linear-gradient(top, #43234B 0%, #251B2C 50%, #0C0B0E 100%);
    background: linear-gradient(to bottom, #43234B 0%, #251B2C 50%, #0C0B0E 100%);
}
</style>