#CCF5E7 - #F0FCF8 | 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 #CCF5E7 a #F0FCF8

#CCF5E7 #F0FCF8

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

#CCF5E7 - #F0FCF8 | 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 #CCF5E7 como 0% y #F0FCF8 como 100%.

0.0%	0.0% #CCF5E7	RGB 204 245 231	#CCF5E7
16.7%	16.7% #D2F6E9	RGB 210 246 233	#D2F6E9
33.3%	33.3% #D8F7EC	RGB 216 247 236	#D8F7EC
50.0%	50.0% #DEF8EF	RGB 222 248 239	#DEF8EF
66.7%	66.7% #E4F9F2	RGB 228 249 242	#E4F9F2
83.3%	83.3% #EAFAF5	RGB 234 250 245	#EAFAF5
100.0%	100.0% #F0FCF8	RGB 240 252 248	#F0FCF8

#CCF5E7 #D2F6E9 #D8F7EC #DEF8EF #E4F9F2 #EAFAF5 #F0FCF8

#CCF5E7 - #F0FCF8

Mezcla HSV

#CCF5E7 - #F0FCF8 | 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 #CCF5E7 como 0% y #F0FCF8 como 100%.

0.0%	0.0% #CCF5E7	RGB 204 245 231	#CCF5E7
16.7%	16.7% #D1F6E9	RGB 209 246 233	#D1F6E9
33.3%	33.3% #D7F7EC	RGB 215 247 236	#D7F7EC
50.0%	50.0% #DDF8EF	RGB 221 248 239	#DDF8EF
66.7%	66.7% #E3F9F2	RGB 227 249 242	#E3F9F2
83.3%	83.3% #E9FAF5	RGB 233 250 245	#E9FAF5
100.0%	100.0% #F0FCF8	RGB 240 252 248	#F0FCF8

#CCF5E7 #D1F6E9 #D7F7EC #DDF8EF #E3F9F2 #E9FAF5 #F0FCF8

#CCF5E7 - #DDF8EF - #F0FCF8

Códigos CSS

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

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