#AD3C3C - #E7C7C7 | 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 #AD3C3C a #E7C7C7

#AD3C3C #E7C7C7

Calcule el color entre dos colores, #AD3C3C y #E7C7C7. 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)

#AD3C3C - #E7C7C7 | 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 #AD3C3C como 0% y #E7C7C7 como 100%.

0.0%	0.0% #AD3C3C	RGB 173 60 60	#AD3C3C
16.7%	16.7% #B65353	RGB 182 83 83	#B65353
33.3%	33.3% #C06A6A	RGB 192 106 106	#C06A6A
50.0%	50.0% #CA8181	RGB 202 129 129	#CA8181
66.7%	66.7% #D39898	RGB 211 152 152	#D39898
83.3%	83.3% #DDAFAF	RGB 221 175 175	#DDAFAF
100.0%	100.0% #E7C7C7	RGB 231 199 199	#E7C7C7

#AD3C3C #B65353 #C06A6A #CA8181 #D39898 #DDAFAF #E7C7C7

#AD3C3C - #E7C7C7

Mezcla HSV

#AD3C3C - #E7C7C7 | 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 #AD3C3C como 0% y #E7C7C7 como 100%.

0.0%	0.0% #AD3C3C	RGB 173 60 60	#AD3C3C
16.7%	16.7% #B64F4F	RGB 182 79 79	#B64F4F
33.3%	33.3% #C06363	RGB 192 99 99	#C06363
50.0%	50.0% #CA7A7A	RGB 202 122 122	#CA7A7A
66.7%	66.7% #D39292	RGB 211 146 146	#D39292
83.3%	83.3% #DDABAB	RGB 221 171 171	#DDABAB
100.0%	100.0% #E7C7C7	RGB 231 199 199	#E7C7C7

#AD3C3C #B64F4F #C06363 #CA7A7A #D39292 #DDABAB #E7C7C7

#AD3C3C - #CA7A7A - #E7C7C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD3C3C 0%, #CA7A7A 50%, #E7C7C7 100%);
    background: -webkit-linear-gradient(top, #AD3C3C 0%, #CA7A7A 50%, #E7C7C7 100%);
    background: linear-gradient(to bottom, #AD3C3C 0%, #CA7A7A 50%, #E7C7C7 100%);
}
</style>