#D3A8DF - #C7D5E2 | 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 #D3A8DF a #C7D5E2

#D3A8DF #C7D5E2

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

#D3A8DF - #C7D5E2 | 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 #D3A8DF como 0% y #C7D5E2 como 100%.

0.0%	0.0% #D3A8DF	RGB 211 168 223	#D3A8DF
16.7%	16.7% #D1AFDF	RGB 209 175 223	#D1AFDF
33.3%	33.3% #CFB7E0	RGB 207 183 224	#CFB7E0
50.0%	50.0% #CDBEE0	RGB 205 190 224	#CDBEE0
66.7%	66.7% #CBC6E1	RGB 203 198 225	#CBC6E1
83.3%	83.3% #C9CDE1	RGB 201 205 225	#C9CDE1
100.0%	100.0% #C7D5E2	RGB 199 213 226	#C7D5E2

#D3A8DF #D1AFDF #CFB7E0 #CDBEE0 #CBC6E1 #C9CDE1 #C7D5E2

#D3A8DF - #C7D5E2

Mezcla HSV

#D3A8DF - #C7D5E2 | 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 #D3A8DF como 0% y #C7D5E2 como 100%.

0.0%	0.0% #D3A8DF	RGB 211 168 223	#D3A8DF
16.7%	16.7% #C9ADDF	RGB 201 173 223	#C9ADDF
33.3%	33.3% #C2B2E0	RGB 194 178 224	#C2B2E0
50.0%	50.0% #BCB7E0	RGB 188 183 224	#BCB7E0
66.7%	66.7% #BCBFE1	RGB 188 191 225	#BCBFE1
83.3%	83.3% #C1CBE1	RGB 193 203 225	#C1CBE1
100.0%	100.0% #C7D5E2	RGB 199 213 226	#C7D5E2

#D3A8DF #C9ADDF #C2B2E0 #BCB7E0 #BCBFE1 #C1CBE1 #C7D5E2

#D3A8DF - #BCB7E0 - #C7D5E2

Códigos CSS

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

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