#005D5D - #5CB78C | 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 #005D5D a #5CB78C

#005D5D #5CB78C

Calcule el color entre dos colores, #005D5D y #5CB78C. 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)

#005D5D - #5CB78C | 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 #005D5D como 0% y #5CB78C como 100%.

0.0%	0.0% #005D5D	RGB 0 93 93	#005D5D
16.7%	16.7% #0F6C64	RGB 15 108 100	#0F6C64
33.3%	33.3% #1E7B6C	RGB 30 123 108	#1E7B6C
50.0%	50.0% #2E8A74	RGB 46 138 116	#2E8A74
66.7%	66.7% #3D997C	RGB 61 153 124	#3D997C
83.3%	83.3% #4CA884	RGB 76 168 132	#4CA884
100.0%	100.0% #5CB78C	RGB 92 183 140	#5CB78C

#005D5D #0F6C64 #1E7B6C #2E8A74 #3D997C #4CA884 #5CB78C

#005D5D - #5CB78C

Mezcla HSV

#005D5D - #5CB78C | 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 #005D5D como 0% y #5CB78C como 100%.

0.0%	0.0% #005D5D	RGB 0 93 93	#005D5D
16.7%	16.7% #096C64	RGB 9 108 100	#096C64
33.3%	33.3% #147B6A	RGB 20 123 106	#147B6A
50.0%	50.0% #228A71	RGB 34 138 113	#228A71
66.7%	66.7% #339978	RGB 51 153 120	#339978
83.3%	83.3% #46A881	RGB 70 168 129	#46A881
100.0%	100.0% #5CB78C	RGB 92 183 140	#5CB78C

#005D5D #096C64 #147B6A #228A71 #339978 #46A881 #5CB78C

#005D5D - #228A71 - #5CB78C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005D5D 0%, #228A71 50%, #5CB78C 100%);
    background: -webkit-linear-gradient(top, #005D5D 0%, #228A71 50%, #5CB78C 100%);
    background: linear-gradient(to bottom, #005D5D 0%, #228A71 50%, #5CB78C 100%);
}
</style>