#DFDEDE - #B593AC | 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 #DFDEDE a #B593AC

#DFDEDE #B593AC

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

#DFDEDE - #B593AC | 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 #DFDEDE como 0% y #B593AC como 100%.

0.0%	0.0% #DFDEDE	RGB 223 222 222	#DFDEDE
16.7%	16.7% #D8D1D5	RGB 216 209 213	#D8D1D5
33.3%	33.3% #D1C5CD	RGB 209 197 205	#D1C5CD
50.0%	50.0% #CAB8C5	RGB 202 184 197	#CAB8C5
66.7%	66.7% #C3ACBC	RGB 195 172 188	#C3ACBC
83.3%	83.3% #BC9FB4	RGB 188 159 180	#BC9FB4
100.0%	100.0% #B593AC	RGB 181 147 172	#B593AC

#DFDEDE #D8D1D5 #D1C5CD #CAB8C5 #C3ACBC #BC9FB4 #B593AC

#DFDEDE - #B593AC

Mezcla HSV

#DFDEDE - #B593AC | 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 #DFDEDE como 0% y #B593AC como 100%.

0.0%	0.0% #DFDEDE	RGB 223 222 222	#DFDEDE
16.7%	16.7% #D8D0D1	RGB 216 208 209	#D8D0D1
33.3%	33.3% #D1C3C6	RGB 209 195 198	#D1C3C6
50.0%	50.0% #CAB6BD	RGB 202 182 189	#CAB6BD
66.7%	66.7% #C3AAB6	RGB 195 170 182	#C3AAB6
83.3%	83.3% #BC9EB0	RGB 188 158 176	#BC9EB0
100.0%	100.0% #B593AC	RGB 181 147 172	#B593AC

#DFDEDE #D8D0D1 #D1C3C6 #CAB6BD #C3AAB6 #BC9EB0 #B593AC

#DFDEDE - #CAB6BD - #B593AC

Códigos CSS

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

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