#E6F5E3 - #FCFCFF | 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 #E6F5E3 a #FCFCFF

#E6F5E3 #FCFCFF

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

#E6F5E3 - #FCFCFF | 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 #E6F5E3 como 0% y #FCFCFF como 100%.

0.0%	0.0% #E6F5E3	RGB 230 245 227	#E6F5E3
16.7%	16.7% #E9F6E7	RGB 233 246 231	#E9F6E7
33.3%	33.3% #EDF7EC	RGB 237 247 236	#EDF7EC
50.0%	50.0% #F1F8F1	RGB 241 248 241	#F1F8F1
66.7%	66.7% #F4F9F5	RGB 244 249 245	#F4F9F5
83.3%	83.3% #F8FAFA	RGB 248 250 250	#F8FAFA
100.0%	100.0% #FCFCFF	RGB 252 252 255	#FCFCFF

#E6F5E3 #E9F6E7 #EDF7EC #F1F8F1 #F4F9F5 #F8FAFA #FCFCFF

#E6F5E3 - #FCFCFF

Mezcla HSV

#E6F5E3 - #FCFCFF | 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 #E6F5E3 como 0% y #FCFCFF como 100%.

0.0%	0.0% #E6F5E3	RGB 230 245 227	#E6F5E3
16.7%	16.7% #E7F6EA	RGB 231 246 234	#E7F6EA
33.3%	33.3% #EBF8F2	RGB 235 248 242	#EBF8F2
50.0%	50.0% #EFFAF9	RGB 239 250 249	#EFFAF9
66.7%	66.7% #F3F9FB	RGB 243 249 251	#F3F9FB
83.3%	83.3% #F7F9FD	RGB 247 249 253	#F7F9FD
100.0%	100.0% #FCFCFF	RGB 252 252 255	#FCFCFF

#E6F5E3 #E7F6EA #EBF8F2 #EFFAF9 #F3F9FB #F7F9FD #FCFCFF

#E6F5E3 - #EFFAF9 - #FCFCFF

Códigos CSS

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

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