#2D2D2D - #659177 | 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 #2D2D2D a #659177

#2D2D2D #659177

Calcule el color entre dos colores, #2D2D2D y #659177. 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)

#2D2D2D - #659177 | 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 #2D2D2D como 0% y #659177 como 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #363D39	RGB 54 61 57	#363D39
33.3%	33.3% #3F4E45	RGB 63 78 69	#3F4E45
50.0%	50.0% #495F52	RGB 73 95 82	#495F52
66.7%	66.7% #526F5E	RGB 82 111 94	#526F5E
83.3%	83.3% #5B806A	RGB 91 128 106	#5B806A
100.0%	100.0% #659177	RGB 101 145 119	#659177

#2D2D2D #363D39 #3F4E45 #495F52 #526F5E #5B806A #659177

#2D2D2D - #659177

Mezcla HSV

#2D2D2D - #659177 | 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 #2D2D2D como 0% y #659177 como 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #3D3B3A	RGB 61 59 58	#3D3B3A
33.3%	33.3% #4E4C46	RGB 78 76 70	#4E4C46
50.0%	50.0% #5C5F50	RGB 92 95 80	#5C5F50
66.7%	66.7% #616F59	RGB 97 111 89	#616F59
83.3%	83.3% #5F8060	RGB 95 128 96	#5F8060
100.0%	100.0% #659177	RGB 101 145 119	#659177

#2D2D2D #3D3B3A #4E4C46 #5C5F50 #616F59 #5F8060 #659177

#2D2D2D - #5C5F50 - #659177

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D2D 0%, #5C5F50 50%, #659177 100%);
    background: -webkit-linear-gradient(top, #2D2D2D 0%, #5C5F50 50%, #659177 100%);
    background: linear-gradient(to bottom, #2D2D2D 0%, #5C5F50 50%, #659177 100%);
}
</style>