#5CCEAB - #1A3A30 | 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 #5CCEAB a #1A3A30

#5CCEAB #1A3A30

Calcule el color entre dos colores, #5CCEAB y #1A3A30. 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)

#5CCEAB - #1A3A30 | 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 #5CCEAB como 0% y #1A3A30 como 100%.

0.0%	0.0% #5CCEAB	RGB 92 206 171	#5CCEAB
16.7%	16.7% #51B596	RGB 81 181 150	#51B596
33.3%	33.3% #469C82	RGB 70 156 130	#469C82
50.0%	50.0% #3B846D	RGB 59 132 109	#3B846D
66.7%	66.7% #306B59	RGB 48 107 89	#306B59
83.3%	83.3% #255244	RGB 37 82 68	#255244
100.0%	100.0% #1A3A30	RGB 26 58 48	#1A3A30

#5CCEAB #51B596 #469C82 #3B846D #306B59 #255244 #1A3A30

#5CCEAB - #1A3A30

Mezcla HSV

#5CCEAB - #1A3A30 | 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 #5CCEAB como 0% y #1A3A30 como 100%.

0.0%	0.0% #5CCEAB	RGB 92 206 171	#5CCEAB
16.7%	16.7% #51B596	RGB 81 181 150	#51B596
33.3%	33.3% #469C81	RGB 70 156 129	#469C81
50.0%	50.0% #3B846D	RGB 59 132 109	#3B846D
66.7%	66.7% #306B58	RGB 48 107 88	#306B58
83.3%	83.3% #255244	RGB 37 82 68	#255244
100.0%	100.0% #1A3A30	RGB 26 58 48	#1A3A30

#5CCEAB #51B596 #469C81 #3B846D #306B58 #255244 #1A3A30

#5CCEAB - #3B846D - #1A3A30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5CCEAB 0%, #3B846D 50%, #1A3A30 100%);
    background: -webkit-linear-gradient(top, #5CCEAB 0%, #3B846D 50%, #1A3A30 100%);
    background: linear-gradient(to bottom, #5CCEAB 0%, #3B846D 50%, #1A3A30 100%);
}
</style>