#CCDFA8 - #EFF5E6 | 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 #CCDFA8 a #EFF5E6

#CCDFA8 #EFF5E6

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

#CCDFA8 - #EFF5E6 | 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 #CCDFA8 como 0% y #EFF5E6 como 100%.

0.0%	0.0% #CCDFA8	RGB 204 223 168	#CCDFA8
16.7%	16.7% #D1E2B2	RGB 209 226 178	#D1E2B2
33.3%	33.3% #D7E6BC	RGB 215 230 188	#D7E6BC
50.0%	50.0% #DDEAC7	RGB 221 234 199	#DDEAC7
66.7%	66.7% #E3EDD1	RGB 227 237 209	#E3EDD1
83.3%	83.3% #E9F1DB	RGB 233 241 219	#E9F1DB
100.0%	100.0% #EFF5E6	RGB 239 245 230	#EFF5E6

#CCDFA8 #D1E2B2 #D7E6BC #DDEAC7 #E3EDD1 #E9F1DB #EFF5E6

#CCDFA8 - #EFF5E6

Mezcla HSV

#CCDFA8 - #EFF5E6 | 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 #CCDFA8 como 0% y #EFF5E6 como 100%.

0.0%	0.0% #CCDFA8	RGB 204 223 168	#CCDFA8
16.7%	16.7% #D1E2B1	RGB 209 226 177	#D1E2B1
33.3%	33.3% #D6E6BB	RGB 214 230 187	#D6E6BB
50.0%	50.0% #DCEAC5	RGB 220 234 197	#DCEAC5
66.7%	66.7% #E2EDD0	RGB 226 237 208	#E2EDD0
83.3%	83.3% #E8F1DB	RGB 232 241 219	#E8F1DB
100.0%	100.0% #EFF5E6	RGB 239 245 230	#EFF5E6

#CCDFA8 #D1E2B1 #D6E6BB #DCEAC5 #E2EDD0 #E8F1DB #EFF5E6

#CCDFA8 - #DCEAC5 - #EFF5E6

Códigos CSS

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

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