#FFB2D9 - #ECC9FF | 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 #FFB2D9 a #ECC9FF

#FFB2D9 #ECC9FF

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

#FFB2D9 - #ECC9FF | 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 #FFB2D9 como 0% y #ECC9FF como 100%.

0.0%	0.0% #FFB2D9	RGB 255 178 217	#FFB2D9
16.7%	16.7% #FBB5DF	RGB 251 181 223	#FBB5DF
33.3%	33.3% #F8B9E5	RGB 248 185 229	#F8B9E5
50.0%	50.0% #F5BDEC	RGB 245 189 236	#F5BDEC
66.7%	66.7% #F2C1F2	RGB 242 193 242	#F2C1F2
83.3%	83.3% #EFC5F8	RGB 239 197 248	#EFC5F8
100.0%	100.0% #ECC9FF	RGB 236 201 255	#ECC9FF

#FFB2D9 #FBB5DF #F8B9E5 #F5BDEC #F2C1F2 #EFC5F8 #ECC9FF

#FFB2D9 - #ECC9FF

Mezcla HSV

#FFB2D9 - #ECC9FF | 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 #FFB2D9 como 0% y #ECC9FF como 100%.

0.0%	0.0% #FFB2D9	RGB 255 178 217	#FFB2D9
16.7%	16.7% #FFB5E5	RGB 255 181 229	#FFB5E5
33.3%	33.3% #FFB9F0	RGB 255 185 240	#FFB9F0
50.0%	50.0% #FFBDFA	RGB 255 189 250	#FFBDFA
66.7%	66.7% #FAC1FF	RGB 250 193 255	#FAC1FF
83.3%	83.3% #F2C5FF	RGB 242 197 255	#F2C5FF
100.0%	100.0% #ECC9FF	RGB 236 201 255	#ECC9FF

#FFB2D9 #FFB5E5 #FFB9F0 #FFBDFA #FAC1FF #F2C5FF #ECC9FF

#FFB2D9 - #FFBDFA - #ECC9FF

Códigos CSS

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

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