#DAB5E4 - #FFF3DB | 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 #DAB5E4 a #FFF3DB

#DAB5E4 #FFF3DB

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

#DAB5E4 - #FFF3DB | 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 #DAB5E4 como 0% y #FFF3DB como 100%.

0.0%	0.0% #DAB5E4	RGB 218 181 228	#DAB5E4
16.7%	16.7% #E0BFE2	RGB 224 191 226	#E0BFE2
33.3%	33.3% #E6C9E1	RGB 230 201 225	#E6C9E1
50.0%	50.0% #ECD4DF	RGB 236 212 223	#ECD4DF
66.7%	66.7% #F2DEDE	RGB 242 222 222	#F2DEDE
83.3%	83.3% #F8E8DC	RGB 248 232 220	#F8E8DC
100.0%	100.0% #FFF3DB	RGB 255 243 219	#FFF3DB

#DAB5E4 #E0BFE2 #E6C9E1 #ECD4DF #F2DEDE #F8E8DC #FFF3DB

#DAB5E4 - #FFF3DB

Mezcla HSV

#DAB5E4 - #FFF3DB | 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 #DAB5E4 como 0% y #FFF3DB como 100%.

0.0%	0.0% #DAB5E4	RGB 218 181 228	#DAB5E4
16.7%	16.7% #E8BBE3	RGB 232 187 227	#E8BBE3
33.3%	33.3% #EDC1DA	RGB 237 193 218	#EDC1DA
50.0%	50.0% #F1C7D3	RGB 241 199 211	#F1C7D3
66.7%	66.7% #F6CFCD	RGB 246 207 205	#F6CFCD
83.3%	83.3% #FAE1D4	RGB 250 225 212	#FAE1D4
100.0%	100.0% #FFF3DB	RGB 255 243 219	#FFF3DB

#DAB5E4 #E8BBE3 #EDC1DA #F1C7D3 #F6CFCD #FAE1D4 #FFF3DB

#DAB5E4 - #F1C7D3 - #FFF3DB

Códigos CSS

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

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