#C0E7E2 - #EDF8F6 | 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 #C0E7E2 a #EDF8F6

#C0E7E2 #EDF8F6

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

#C0E7E2 - #EDF8F6 | 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 #C0E7E2 como 0% y #EDF8F6 como 100%.

0.0%	0.0% #C0E7E2	RGB 192 231 226	#C0E7E2
16.7%	16.7% #C7E9E5	RGB 199 233 229	#C7E9E5
33.3%	33.3% #CFECE8	RGB 207 236 232	#CFECE8
50.0%	50.0% #D6EFEC	RGB 214 239 236	#D6EFEC
66.7%	66.7% #DEF2EF	RGB 222 242 239	#DEF2EF
83.3%	83.3% #E5F5F2	RGB 229 245 242	#E5F5F2
100.0%	100.0% #EDF8F6	RGB 237 248 246	#EDF8F6

#C0E7E2 #C7E9E5 #CFECE8 #D6EFEC #DEF2EF #E5F5F2 #EDF8F6

#C0E7E2 - #EDF8F6

Mezcla HSV

#C0E7E2 - #EDF8F6 | 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 #C0E7E2 como 0% y #EDF8F6 como 100%.

0.0%	0.0% #C0E7E2	RGB 192 231 226	#C0E7E2
16.7%	16.7% #C7E9E5	RGB 199 233 229	#C7E9E5
33.3%	33.3% #CEECE8	RGB 206 236 232	#CEECE8
50.0%	50.0% #D5EFEB	RGB 213 239 235	#D5EFEB
66.7%	66.7% #DDF2EE	RGB 221 242 238	#DDF2EE
83.3%	83.3% #E5F5F2	RGB 229 245 242	#E5F5F2
100.0%	100.0% #EDF8F6	RGB 237 248 246	#EDF8F6

#C0E7E2 #C7E9E5 #CEECE8 #D5EFEB #DDF2EE #E5F5F2 #EDF8F6

#C0E7E2 - #D5EFEB - #EDF8F6

Códigos CSS

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

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