#C5E2C7 - #DBEBCD | 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 #C5E2C7 a #DBEBCD

#C5E2C7 #DBEBCD

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

#C5E2C7 - #DBEBCD | 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 #C5E2C7 como 0% y #DBEBCD como 100%.

0.0%	0.0% #C5E2C7	RGB 197 226 199	#C5E2C7
16.7%	16.7% #C8E3C8	RGB 200 227 200	#C8E3C8
33.3%	33.3% #CCE5C9	RGB 204 229 201	#CCE5C9
50.0%	50.0% #D0E6CA	RGB 208 230 202	#D0E6CA
66.7%	66.7% #D3E8CB	RGB 211 232 203	#D3E8CB
83.3%	83.3% #D7E9CC	RGB 215 233 204	#D7E9CC
100.0%	100.0% #DBEBCD	RGB 219 235 205	#DBEBCD

#C5E2C7 #C8E3C8 #CCE5C9 #D0E6CA #D3E8CB #D7E9CC #DBEBCD

#C5E2C7 - #DBEBCD

Mezcla HSV

#C5E2C7 - #DBEBCD | 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 #C5E2C7 como 0% y #DBEBCD como 100%.

0.0%	0.0% #C5E2C7	RGB 197 226 199	#C5E2C7
16.7%	16.7% #C6E3C6	RGB 198 227 198	#C6E3C6
33.3%	33.3% #CAE5C7	RGB 202 229 199	#CAE5C7
50.0%	50.0% #CEE6C8	RGB 206 230 200	#CEE6C8
66.7%	66.7% #D2E8CA	RGB 210 232 202	#D2E8CA
83.3%	83.3% #D6E9CB	RGB 214 233 203	#D6E9CB
100.0%	100.0% #DBEBCD	RGB 219 235 205	#DBEBCD

#C5E2C7 #C6E3C6 #CAE5C7 #CEE6C8 #D2E8CA #D6E9CB #DBEBCD

#C5E2C7 - #CEE6C8 - #DBEBCD

Códigos CSS

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

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