#C096FF - #F9E2F7 | 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 #C096FF a #F9E2F7

#C096FF #F9E2F7

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

#C096FF - #F9E2F7 | 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 #C096FF como 0% y #F9E2F7 como 100%.

0.0%	0.0% #C096FF	RGB 192 150 255	#C096FF
16.7%	16.7% #C9A2FD	RGB 201 162 253	#C9A2FD
33.3%	33.3% #D3AFFC	RGB 211 175 252	#D3AFFC
50.0%	50.0% #DCBCFB	RGB 220 188 251	#DCBCFB
66.7%	66.7% #E6C8F9	RGB 230 200 249	#E6C8F9
83.3%	83.3% #EFD5F8	RGB 239 213 248	#EFD5F8
100.0%	100.0% #F9E2F7	RGB 249 226 247	#F9E2F7

#C096FF #C9A2FD #D3AFFC #DCBCFB #E6C8F9 #EFD5F8 #F9E2F7

#C096FF - #F9E2F7

Mezcla HSV

#C096FF - #F9E2F7 | 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 #C096FF como 0% y #F9E2F7 como 100%.

0.0%	0.0% #C096FF	RGB 192 150 255	#C096FF
16.7%	16.7% #D1A2FE	RGB 209 162 254	#D1A2FE
33.3%	33.3% #E0AFFD	RGB 224 175 253	#E0AFFD
50.0%	50.0% #EBBCFC	RGB 235 188 252	#EBBCFC
66.7%	66.7% #F3C9FB	RGB 243 201 251	#F3C9FB
83.3%	83.3% #F8D5FA	RGB 248 213 250	#F8D5FA
100.0%	100.0% #F9E2F7	RGB 249 226 247	#F9E2F7

#C096FF #D1A2FE #E0AFFD #EBBCFC #F3C9FB #F8D5FA #F9E2F7

#C096FF - #EBBCFC - #F9E2F7

Códigos CSS

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

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