#41BABA - #123535 | 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 #41BABA a #123535

#41BABA #123535

Calcule el color entre dos colores, #41BABA y #123535. 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)

#41BABA - #123535 | 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 #41BABA como 0% y #123535 como 100%.

0.0%	0.0% #41BABA	RGB 65 186 186	#41BABA
16.7%	16.7% #39A3A3	RGB 57 163 163	#39A3A3
33.3%	33.3% #318D8D	RGB 49 141 141	#318D8D
50.0%	50.0% #297777	RGB 41 119 119	#297777
66.7%	66.7% #216161	RGB 33 97 97	#216161
83.3%	83.3% #194B4B	RGB 25 75 75	#194B4B
100.0%	100.0% #123535	RGB 18 53 53	#123535

#41BABA #39A3A3 #318D8D #297777 #216161 #194B4B #123535

#41BABA - #123535

Mezcla HSV

#41BABA - #123535 | 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 #41BABA como 0% y #123535 como 100%.

0.0%	0.0% #41BABA	RGB 65 186 186	#41BABA
16.7%	16.7% #38A3A3	RGB 56 163 163	#38A3A3
33.3%	33.3% #318D8D	RGB 49 141 141	#318D8D
50.0%	50.0% #297777	RGB 41 119 119	#297777
66.7%	66.7% #216161	RGB 33 97 97	#216161
83.3%	83.3% #194B4B	RGB 25 75 75	#194B4B
100.0%	100.0% #123535	RGB 18 53 53	#123535

#41BABA #38A3A3 #318D8D #297777 #216161 #194B4B #123535

#41BABA - #297777 - #123535

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41BABA 0%, #297777 50%, #123535 100%);
    background: -webkit-linear-gradient(top, #41BABA 0%, #297777 50%, #123535 100%);
    background: linear-gradient(to bottom, #41BABA 0%, #297777 50%, #123535 100%);
}
</style>