#DFDEDE - #AC93B5 | 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 #AC93B5

#DFDEDE #AC93B5

Calcule el color entre dos colores, #DFDEDE y #AC93B5. 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 - #AC93B5 | 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 #AC93B5 como 100%.

0.0%	0.0% #DFDEDE	RGB 223 222 222	#DFDEDE
16.7%	16.7% #D6D1D7	RGB 214 209 215	#D6D1D7
33.3%	33.3% #CEC5D0	RGB 206 197 208	#CEC5D0
50.0%	50.0% #C5B8C9	RGB 197 184 201	#C5B8C9
66.7%	66.7% #BDACC2	RGB 189 172 194	#BDACC2
83.3%	83.3% #B49FBB	RGB 180 159 187	#B49FBB
100.0%	100.0% #AC93B5	RGB 172 147 181	#AC93B5

#DFDEDE #D6D1D7 #CEC5D0 #C5B8C9 #BDACC2 #B49FBB #AC93B5

#DFDEDE - #AC93B5

Mezcla HSV

#DFDEDE - #AC93B5 | 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 #AC93B5 como 100%.

0.0%	0.0% #DFDEDE	RGB 223 222 222	#DFDEDE
16.7%	16.7% #D8D0D2	RGB 216 208 210	#D8D0D2
33.3%	33.3% #D1C3C9	RGB 209 195 201	#D1C3C9
50.0%	50.0% #CAB6C2	RGB 202 182 194	#CAB6C2
66.7%	66.7% #C3AABF	RGB 195 170 191	#C3AABF
83.3%	83.3% #BA9EBC	RGB 186 158 188	#BA9EBC
100.0%	100.0% #AC93B5	RGB 172 147 181	#AC93B5

#DFDEDE #D8D0D2 #D1C3C9 #CAB6C2 #C3AABF #BA9EBC #AC93B5

#DFDEDE - #CAB6C2 - #AC93B5

Códigos CSS

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

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