#CCF5E4 - #F0FCF7 | 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 #CCF5E4 a #F0FCF7

#CCF5E4 #F0FCF7

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

#CCF5E4 - #F0FCF7 | 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 #CCF5E4 como 0% y #F0FCF7 como 100%.

0.0%	0.0% #CCF5E4	RGB 204 245 228	#CCF5E4
16.7%	16.7% #D2F6E7	RGB 210 246 231	#D2F6E7
33.3%	33.3% #D8F7EA	RGB 216 247 234	#D8F7EA
50.0%	50.0% #DEF8ED	RGB 222 248 237	#DEF8ED
66.7%	66.7% #E4F9F0	RGB 228 249 240	#E4F9F0
83.3%	83.3% #EAFAF3	RGB 234 250 243	#EAFAF3
100.0%	100.0% #F0FCF7	RGB 240 252 247	#F0FCF7

#CCF5E4 #D2F6E7 #D8F7EA #DEF8ED #E4F9F0 #EAFAF3 #F0FCF7

#CCF5E4 - #F0FCF7

Mezcla HSV

#CCF5E4 - #F0FCF7 | 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 #CCF5E4 como 0% y #F0FCF7 como 100%.

0.0%	0.0% #CCF5E4	RGB 204 245 228	#CCF5E4
16.7%	16.7% #D1F6E7	RGB 209 246 231	#D1F6E7
33.3%	33.3% #D7F7EA	RGB 215 247 234	#D7F7EA
50.0%	50.0% #DDF8ED	RGB 221 248 237	#DDF8ED
66.7%	66.7% #E3F9F0	RGB 227 249 240	#E3F9F0
83.3%	83.3% #E9FAF3	RGB 233 250 243	#E9FAF3
100.0%	100.0% #F0FCF7	RGB 240 252 247	#F0FCF7

#CCF5E4 #D1F6E7 #D7F7EA #DDF8ED #E3F9F0 #E9FAF3 #F0FCF7

#CCF5E4 - #DDF8ED - #F0FCF7

Códigos CSS

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

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