#462D2D - #CAC3C3 | 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 #462D2D a #CAC3C3

#462D2D #CAC3C3

Calcule el color entre dos colores, #462D2D y #CAC3C3. 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)

#462D2D - #CAC3C3 | 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 #462D2D como 0% y #CAC3C3 como 100%.

0.0%	0.0% #462D2D	RGB 70 45 45	#462D2D
16.7%	16.7% #5C4646	RGB 92 70 70	#5C4646
33.3%	33.3% #725F5F	RGB 114 95 95	#725F5F
50.0%	50.0% #887878	RGB 136 120 120	#887878
66.7%	66.7% #9E9191	RGB 158 145 145	#9E9191
83.3%	83.3% #B4AAAA	RGB 180 170 170	#B4AAAA
100.0%	100.0% #CAC3C3	RGB 202 195 195	#CAC3C3

#462D2D #5C4646 #725F5F #887878 #9E9191 #B4AAAA #CAC3C3

#462D2D - #CAC3C3

Mezcla HSV

#462D2D - #CAC3C3 | 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 #462D2D como 0% y #CAC3C3 como 100%.

0.0%	0.0% #462D2D	RGB 70 45 45	#462D2D
16.7%	16.7% #5C4040	RGB 92 64 64	#5C4040
33.3%	33.3% #725555	RGB 114 85 85	#725555
50.0%	50.0% #886D6D	RGB 136 109 109	#886D6D
66.7%	66.7% #9E8787	RGB 158 135 135	#9E8787
83.3%	83.3% #B4A4A4	RGB 180 164 164	#B4A4A4
100.0%	100.0% #CAC3C3	RGB 202 195 195	#CAC3C3

#462D2D #5C4040 #725555 #886D6D #9E8787 #B4A4A4 #CAC3C3

#462D2D - #886D6D - #CAC3C3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #462D2D 0%, #886D6D 50%, #CAC3C3 100%);
    background: -webkit-linear-gradient(top, #462D2D 0%, #886D6D 50%, #CAC3C3 100%);
    background: linear-gradient(to bottom, #462D2D 0%, #886D6D 50%, #CAC3C3 100%);
}
</style>