#C0FFFE - #EDFEFF | 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 #C0FFFE a #EDFEFF

#C0FFFE #EDFEFF

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

#C0FFFE - #EDFEFF | 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 #C0FFFE como 0% y #EDFEFF como 100%.

0.0%	0.0% #C0FFFE	RGB 192 255 254	#C0FFFE
16.7%	16.7% #C7FEFE	RGB 199 254 254	#C7FEFE
33.3%	33.3% #CFFEFE	RGB 207 254 254	#CFFEFE
50.0%	50.0% #D6FEFE	RGB 214 254 254	#D6FEFE
66.7%	66.7% #DEFEFE	RGB 222 254 254	#DEFEFE
83.3%	83.3% #E5FEFE	RGB 229 254 254	#E5FEFE
100.0%	100.0% #EDFEFF	RGB 237 254 255	#EDFEFF

#C0FFFE #C7FEFE #CFFEFE #D6FEFE #DEFEFE #E5FEFE #EDFEFF

#C0FFFE - #EDFEFF

Mezcla HSV

#C0FFFE - #EDFEFF | 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 #C0FFFE como 0% y #EDFEFF como 100%.

0.0%	0.0% #C0FFFE	RGB 192 255 254	#C0FFFE
16.7%	16.7% #C7FFFE	RGB 199 255 254	#C7FFFE
33.3%	33.3% #CFFEFF	RGB 207 254 255	#CFFEFF
50.0%	50.0% #D6FEFF	RGB 214 254 255	#D6FEFF
66.7%	66.7% #DEFDFF	RGB 222 253 255	#DEFDFF
83.3%	83.3% #E5FDFF	RGB 229 253 255	#E5FDFF
100.0%	100.0% #EDFEFF	RGB 237 254 255	#EDFEFF

#C0FFFE #C7FFFE #CFFEFF #D6FEFF #DEFDFF #E5FDFF #EDFEFF

#C0FFFE - #D6FEFF - #EDFEFF

Códigos CSS

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

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