#29BAA4 - #0B352E | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #29BAA4 a #0B352E

#29BAA4 #0B352E

Calcule el color entre dos colores, #29BAA4 y #0B352E. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#29BAA4 - #0B352E | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #29BAA4 como 0% y #0B352E como 100%.

0.0%	0.0% #29BAA4	RGB 41 186 164	#29BAA4
16.7%	16.7% #24A390	RGB 36 163 144	#24A390
33.3%	33.3% #1F8D7C	RGB 31 141 124	#1F8D7C
50.0%	50.0% #1A7769	RGB 26 119 105	#1A7769
66.7%	66.7% #156155	RGB 21 97 85	#156155
83.3%	83.3% #104B41	RGB 16 75 65	#104B41
100.0%	100.0% #0B352E	RGB 11 53 46	#0B352E

#29BAA4 #24A390 #1F8D7C #1A7769 #156155 #104B41 #0B352E

#29BAA4 - #0B352E

Mezcla HSV

#29BAA4 - #0B352E | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #29BAA4 como 0% y #0B352E como 100%.

0.0%	0.0% #29BAA4	RGB 41 186 164	#29BAA4
16.7%	16.7% #23A390	RGB 35 163 144	#23A390
33.3%	33.3% #1E8D7C	RGB 30 141 124	#1E8D7C
50.0%	50.0% #197768	RGB 25 119 104	#197768
66.7%	66.7% #146154	RGB 20 97 84	#146154
83.3%	83.3% #0F4B41	RGB 15 75 65	#0F4B41
100.0%	100.0% #0B352E	RGB 11 53 46	#0B352E

#29BAA4 #23A390 #1E8D7C #197768 #146154 #0F4B41 #0B352E

#29BAA4 - #197768 - #0B352E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #29BAA4 0%, #197768 50%, #0B352E 100%);
    background: -webkit-linear-gradient(top, #29BAA4 0%, #197768 50%, #0B352E 100%);
    background: linear-gradient(to bottom, #29BAA4 0%, #197768 50%, #0B352E 100%);
}
</style>