#CD2D3C - #FF7A3E | 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 #CD2D3C a #FF7A3E

#CD2D3C #FF7A3E

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

#CD2D3C - #FF7A3E | 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 #CD2D3C como 0% y #FF7A3E como 100%.

0.0%	0.0% #CD2D3C	RGB 205 45 60	#CD2D3C
16.7%	16.7% #D5393C	RGB 213 57 60	#D5393C
33.3%	33.3% #DD463C	RGB 221 70 60	#DD463C
50.0%	50.0% #E6533D	RGB 230 83 61	#E6533D
66.7%	66.7% #EE603D	RGB 238 96 61	#EE603D
83.3%	83.3% #F66D3D	RGB 246 109 61	#F66D3D
100.0%	100.0% #FF7A3E	RGB 255 122 62	#FF7A3E

#CD2D3C #D5393C #DD463C #E6533D #EE603D #F66D3D #FF7A3E

#CD2D3C - #FF7A3E

Mezcla HSV

#CD2D3C - #FF7A3E | 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 #CD2D3C como 0% y #FF7A3E como 100%.

0.0%	0.0% #CD2C3C	RGB 205 44 60	#CD2C3C
16.7%	16.7% #D52F34	RGB 213 47 52	#D52F34
33.3%	33.3% #DD3932	RGB 221 57 50	#DD3932
50.0%	50.0% #E64835	RGB 230 72 53	#E64835
66.7%	66.7% #EE5838	RGB 238 88 56	#EE5838
83.3%	83.3% #F6683B	RGB 246 104 59	#F6683B
100.0%	100.0% #FF7A3E	RGB 255 122 62	#FF7A3E

#CD2C3C #D52F34 #DD3932 #E64835 #EE5838 #F6683B #FF7A3E

#CD2D3C - #E64835 - #FF7A3E

Códigos CSS

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

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