#D3764F - #DCB5E9 | 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 #D3764F a #DCB5E9

#D3764F #DCB5E9

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

#D3764F - #DCB5E9 | 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 #D3764F como 0% y #DCB5E9 como 100%.

0.0%	0.0% #D3764F	RGB 211 118 79	#D3764F
16.7%	16.7% #D48068	RGB 212 128 104	#D48068
33.3%	33.3% #D68B82	RGB 214 139 130	#D68B82
50.0%	50.0% #D7959C	RGB 215 149 156	#D7959C
66.7%	66.7% #D9A0B5	RGB 217 160 181	#D9A0B5
83.3%	83.3% #DAAACF	RGB 218 170 207	#DAAACF
100.0%	100.0% #DCB5E9	RGB 220 181 233	#DCB5E9

#D3764F #D48068 #D68B82 #D7959C #D9A0B5 #DAAACF #DCB5E9

#D3764F - #DCB5E9

Mezcla HSV

#D3764F - #DCB5E9 | 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 #D3764F como 0% y #DCB5E9 como 100%.

0.0%	0.0% #D3764F	RGB 211 118 79	#D3764F
16.7%	16.7% #D6635E	RGB 214 99 94	#D6635E
33.3%	33.3% #DA6F86	RGB 218 111 134	#DA6F86
50.0%	50.0% #DE7FAC	RGB 222 127 172	#DE7FAC
66.7%	66.7% #E191CC	RGB 225 145 204	#E191CC
83.3%	83.3% #E5A2E4	RGB 229 162 228	#E5A2E4
100.0%	100.0% #DCB5E9	RGB 220 181 233	#DCB5E9

#D3764F #D6635E #DA6F86 #DE7FAC #E191CC #E5A2E4 #DCB5E9

#D3764F - #DE7FAC - #DCB5E9

Códigos CSS

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

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