#2D2D2D - #917665 | 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 #917665

#2D2D2D #917665

Calcule el color entre dos colores, #2D2D2D y #917665. 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 - #917665 | 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 #917665 como 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #3D3936	RGB 61 57 54	#3D3936
33.3%	33.3% #4E453F	RGB 78 69 63	#4E453F
50.0%	50.0% #5F5149	RGB 95 81 73	#5F5149
66.7%	66.7% #6F5D52	RGB 111 93 82	#6F5D52
83.3%	83.3% #80695B	RGB 128 105 91	#80695B
100.0%	100.0% #917665	RGB 145 118 101	#917665

#2D2D2D #3D3936 #4E453F #5F5149 #6F5D52 #80695B #917665

#2D2D2D - #917665

Mezcla HSV

#2D2D2D - #917665 | 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 #917665 como 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #3D3A3A	RGB 61 58 58	#3D3A3A
33.3%	33.3% #4E4746	RGB 78 71 70	#4E4746
50.0%	50.0% #5F5350	RGB 95 83 80	#5F5350
66.7%	66.7% #6F5E59	RGB 111 94 89	#6F5E59
83.3%	83.3% #806A5F	RGB 128 106 95	#806A5F
100.0%	100.0% #917665	RGB 145 118 101	#917665

#2D2D2D #3D3A3A #4E4746 #5F5350 #6F5E59 #806A5F #917665

#2D2D2D - #5F5350 - #917665

Códigos CSS

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

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