#DBB8C6 - #AC5E7B | 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 #DBB8C6 a #AC5E7B

#DBB8C6 #AC5E7B

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

#DBB8C6 - #AC5E7B | 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 #DBB8C6 como 0% y #AC5E7B como 100%.

0.0%	0.0% #DBB8C6	RGB 219 184 198	#DBB8C6
16.7%	16.7% #D3A9B9	RGB 211 169 185	#D3A9B9
33.3%	33.3% #CB9AAD	RGB 203 154 173	#CB9AAD
50.0%	50.0% #C38BA0	RGB 195 139 160	#C38BA0
66.7%	66.7% #BB7C94	RGB 187 124 148	#BB7C94
83.3%	83.3% #B36D87	RGB 179 109 135	#B36D87
100.0%	100.0% #AC5E7B	RGB 172 94 123	#AC5E7B

#DBB8C6 #D3A9B9 #CB9AAD #C38BA0 #BB7C94 #B36D87 #AC5E7B

#DBB8C6 - #AC5E7B

Mezcla HSV

#DBB8C6 - #AC5E7B | 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 #DBB8C6 como 0% y #AC5E7B como 100%.

0.0%	0.0% #DBB8C6	RGB 219 184 198	#DBB8C6
16.7%	16.7% #D3A7B8	RGB 211 167 184	#D3A7B8
33.3%	33.3% #CB96AB	RGB 203 150 171	#CB96AB
50.0%	50.0% #C3879E	RGB 195 135 158	#C3879E
66.7%	66.7% #BB7892	RGB 187 120 146	#BB7892
83.3%	83.3% #B36B86	RGB 179 107 134	#B36B86
100.0%	100.0% #AC5E7B	RGB 172 94 123	#AC5E7B

#DBB8C6 #D3A7B8 #CB96AB #C3879E #BB7892 #B36B86 #AC5E7B

#DBB8C6 - #C3879E - #AC5E7B

Códigos CSS

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

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