#C4D0CB - #DAF2EC | 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 #C4D0CB a #DAF2EC

#C4D0CB #DAF2EC

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

#C4D0CB - #DAF2EC | 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 #C4D0CB como 0% y #DAF2EC como 100%.

0.0%	0.0% #C4D0CB	RGB 196 208 203	#C4D0CB
16.7%	16.7% #C7D5D0	RGB 199 213 208	#C7D5D0
33.3%	33.3% #CBDBD6	RGB 203 219 214	#CBDBD6
50.0%	50.0% #CFE1DB	RGB 207 225 219	#CFE1DB
66.7%	66.7% #D2E6E1	RGB 210 230 225	#D2E6E1
83.3%	83.3% #D6ECE6	RGB 214 236 230	#D6ECE6
100.0%	100.0% #DAF2EC	RGB 218 242 236	#DAF2EC

#C4D0CB #C7D5D0 #CBDBD6 #CFE1DB #D2E6E1 #D6ECE6 #DAF2EC

#C4D0CB - #DAF2EC

Mezcla HSV

#C4D0CB - #DAF2EC | 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 #C4D0CB como 0% y #DAF2EC como 100%.

0.0%	0.0% #C4D0CB	RGB 196 208 203	#C4D0CB
16.7%	16.7% #C7D5D0	RGB 199 213 208	#C7D5D0
33.3%	33.3% #CBDBD5	RGB 203 219 213	#CBDBD5
50.0%	50.0% #CFE1DB	RGB 207 225 219	#CFE1DB
66.7%	66.7% #D2E6E0	RGB 210 230 224	#D2E6E0
83.3%	83.3% #D6ECE6	RGB 214 236 230	#D6ECE6
100.0%	100.0% #DAF2EC	RGB 218 242 236	#DAF2EC

#C4D0CB #C7D5D0 #CBDBD5 #CFE1DB #D2E6E0 #D6ECE6 #DAF2EC

#C4D0CB - #CFE1DB - #DAF2EC

Códigos CSS

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

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