#DBB7DC - #3E343E | 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 #DBB7DC a #3E343E

#DBB7DC #3E343E

Calcule el color entre dos colores, #DBB7DC y #3E343E. 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)

#DBB7DC - #3E343E | 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 #DBB7DC como 0% y #3E343E como 100%.

0.0%	0.0% #DBB7DC	RGB 219 183 220	#DBB7DC
16.7%	16.7% #C0A1C1	RGB 192 161 193	#C0A1C1
33.3%	33.3% #A68BA7	RGB 166 139 167	#A68BA7
50.0%	50.0% #8C758D	RGB 140 117 141	#8C758D
66.7%	66.7% #725F72	RGB 114 95 114	#725F72
83.3%	83.3% #584958	RGB 88 73 88	#584958
100.0%	100.0% #3E343E	RGB 62 52 62	#3E343E

#DBB7DC #C0A1C1 #A68BA7 #8C758D #725F72 #584958 #3E343E

#DBB7DC - #3E343E

Mezcla HSV

#DBB7DC - #3E343E | 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 #DBB7DC como 0% y #3E343E como 100%.

0.0%	0.0% #DBB7DC	RGB 219 183 220	#DBB7DC
16.7%	16.7% #C0A1C1	RGB 192 161 193	#C0A1C1
33.3%	33.3% #A68BA7	RGB 166 139 167	#A68BA7
50.0%	50.0% #8C758D	RGB 140 117 141	#8C758D
66.7%	66.7% #725F72	RGB 114 95 114	#725F72
83.3%	83.3% #584958	RGB 88 73 88	#584958
100.0%	100.0% #3E343E	RGB 62 52 62	#3E343E

#DBB7DC #C0A1C1 #A68BA7 #8C758D #725F72 #584958 #3E343E

#DBB7DC - #8C758D - #3E343E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBB7DC 0%, #8C758D 50%, #3E343E 100%);
    background: -webkit-linear-gradient(top, #DBB7DC 0%, #8C758D 50%, #3E343E 100%);
    background: linear-gradient(to bottom, #DBB7DC 0%, #8C758D 50%, #3E343E 100%);
}
</style>