#EDF9F7 - #CDDDF2 | 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 #EDF9F7 a #CDDDF2

#EDF9F7 #CDDDF2

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

#EDF9F7 - #CDDDF2 | 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 #EDF9F7 como 0% y #CDDDF2 como 100%.

0.0%	0.0% #EDF9F7	RGB 237 249 247	#EDF9F7
16.7%	16.7% #E7F4F6	RGB 231 244 246	#E7F4F6
33.3%	33.3% #E2EFF5	RGB 226 239 245	#E2EFF5
50.0%	50.0% #DDEBF4	RGB 221 235 244	#DDEBF4
66.7%	66.7% #D7E6F3	RGB 215 230 243	#D7E6F3
83.3%	83.3% #D2E1F2	RGB 210 225 242	#D2E1F2
100.0%	100.0% #CDDDF2	RGB 205 221 242	#CDDDF2

#EDF9F7 #E7F4F6 #E2EFF5 #DDEBF4 #D7E6F3 #D2E1F2 #CDDDF2

#EDF9F7 - #CDDDF2

Mezcla HSV

#EDF9F7 - #CDDDF2 | 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 #EDF9F7 como 0% y #CDDDF2 como 100%.

0.0%	0.0% #EDF9F7	RGB 237 249 247	#EDF9F7
16.7%	16.7% #E7F7F7	RGB 231 247 247	#E7F7F7
33.3%	33.3% #E2F5F6	RGB 226 245 246	#E2F5F6
50.0%	50.0% #DCF0F5	RGB 220 240 245	#DCF0F5
66.7%	66.7% #D7EBF4	RGB 215 235 244	#D7EBF4
83.3%	83.3% #D2E4F3	RGB 210 228 243	#D2E4F3
100.0%	100.0% #CDDDF2	RGB 205 221 242	#CDDDF2

#EDF9F7 #E7F7F7 #E2F5F6 #DCF0F5 #D7EBF4 #D2E4F3 #CDDDF2

#EDF9F7 - #DCF0F5 - #CDDDF2

Códigos CSS

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

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