#DAA5E6 - #FFE7DF | 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 #DAA5E6 a #FFE7DF

#DAA5E6 #FFE7DF

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

#DAA5E6 - #FFE7DF | 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 #DAA5E6 como 0% y #FFE7DF como 100%.

0.0%	0.0% #DAA5E6	RGB 218 165 230	#DAA5E6
16.7%	16.7% #E0B0E4	RGB 224 176 228	#E0B0E4
33.3%	33.3% #E6BBE3	RGB 230 187 227	#E6BBE3
50.0%	50.0% #ECC6E2	RGB 236 198 226	#ECC6E2
66.7%	66.7% #F2D1E1	RGB 242 209 225	#F2D1E1
83.3%	83.3% #F8DCE0	RGB 248 220 224	#F8DCE0
100.0%	100.0% #FFE7DF	RGB 255 231 223	#FFE7DF

#DAA5E6 #E0B0E4 #E6BBE3 #ECC6E2 #F2D1E1 #F8DCE0 #FFE7DF

#DAA5E6 - #FFE7DF

Mezcla HSV

#DAA5E6 - #FFE7DF | 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 #DAA5E6 como 0% y #FFE7DF como 100%.

0.0%	0.0% #DAA5E6	RGB 218 165 230	#DAA5E6
16.7%	16.7% #EAAEE6	RGB 234 174 230	#EAAEE6
33.3%	33.3% #EEB7DE	RGB 238 183 222	#EEB7DE
50.0%	50.0% #F2C1D8	RGB 242 193 216	#F2C1D8
66.7%	66.7% #F6CAD4	RGB 246 202 212	#F6CAD4
83.3%	83.3% #FAD5D4	RGB 250 213 212	#FAD5D4
100.0%	100.0% #FFE7DF	RGB 255 231 223	#FFE7DF

#DAA5E6 #EAAEE6 #EEB7DE #F2C1D8 #F6CAD4 #FAD5D4 #FFE7DF

#DAA5E6 - #F2C1D8 - #FFE7DF

Códigos CSS

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

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