#C9DFB5 - #EFF5E9 | 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 #C9DFB5 a #EFF5E9

#C9DFB5 #EFF5E9

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

#C9DFB5 - #EFF5E9 | 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 #C9DFB5 como 0% y #EFF5E9 como 100%.

0.0%	0.0% #C9DFB5	RGB 201 223 181	#C9DFB5
16.7%	16.7% #CFE2BD	RGB 207 226 189	#CFE2BD
33.3%	33.3% #D5E6C6	RGB 213 230 198	#D5E6C6
50.0%	50.0% #DCEACF	RGB 220 234 207	#DCEACF
66.7%	66.7% #E2EDD7	RGB 226 237 215	#E2EDD7
83.3%	83.3% #E8F1E0	RGB 232 241 224	#E8F1E0
100.0%	100.0% #EFF5E9	RGB 239 245 233	#EFF5E9

#C9DFB5 #CFE2BD #D5E6C6 #DCEACF #E2EDD7 #E8F1E0 #EFF5E9

#C9DFB5 - #EFF5E9

Mezcla HSV

#C9DFB5 - #EFF5E9 | 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 #C9DFB5 como 0% y #EFF5E9 como 100%.

0.0%	0.0% #C9DFB5	RGB 201 223 181	#C9DFB5
16.7%	16.7% #CFE2BD	RGB 207 226 189	#CFE2BD
33.3%	33.3% #D5E6C5	RGB 213 230 197	#D5E6C5
50.0%	50.0% #DBEACE	RGB 219 234 206	#DBEACE
66.7%	66.7% #E2EDD6	RGB 226 237 214	#E2EDD6
83.3%	83.3% #E8F1DF	RGB 232 241 223	#E8F1DF
100.0%	100.0% #EFF5E9	RGB 239 245 233	#EFF5E9

#C9DFB5 #CFE2BD #D5E6C5 #DBEACE #E2EDD6 #E8F1DF #EFF5E9

#C9DFB5 - #DBEACE - #EFF5E9

Códigos CSS

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

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