#CFEEDD - #3B443F | 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 #CFEEDD a #3B443F

#CFEEDD #3B443F

Calcule el color entre dos colores, #CFEEDD y #3B443F. 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)

#CFEEDD - #3B443F | 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 #CFEEDD como 0% y #3B443F como 100%.

0.0%	0.0% #CFEEDD	RGB 207 238 221	#CFEEDD
16.7%	16.7% #B6D1C2	RGB 182 209 194	#B6D1C2
33.3%	33.3% #9DB5A8	RGB 157 181 168	#9DB5A8
50.0%	50.0% #85998E	RGB 133 153 142	#85998E
66.7%	66.7% #6C7C73	RGB 108 124 115	#6C7C73
83.3%	83.3% #536059	RGB 83 96 89	#536059
100.0%	100.0% #3B443F	RGB 59 68 63	#3B443F

#CFEEDD #B6D1C2 #9DB5A8 #85998E #6C7C73 #536059 #3B443F

#CFEEDD - #3B443F

Mezcla HSV

#CFEEDD - #3B443F | 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 #CFEEDD como 0% y #3B443F como 100%.

0.0%	0.0% #CFEEDD	RGB 207 238 221	#CFEEDD
16.7%	16.7% #B6D1C2	RGB 182 209 194	#B6D1C2
33.3%	33.3% #9DB5A8	RGB 157 181 168	#9DB5A8
50.0%	50.0% #84998D	RGB 132 153 141	#84998D
66.7%	66.7% #6C7C73	RGB 108 124 115	#6C7C73
83.3%	83.3% #536059	RGB 83 96 89	#536059
100.0%	100.0% #3B443F	RGB 59 68 63	#3B443F

#CFEEDD #B6D1C2 #9DB5A8 #84998D #6C7C73 #536059 #3B443F

#CFEEDD - #84998D - #3B443F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFEEDD 0%, #84998D 50%, #3B443F 100%);
    background: -webkit-linear-gradient(top, #CFEEDD 0%, #84998D 50%, #3B443F 100%);
    background: linear-gradient(to bottom, #CFEEDD 0%, #84998D 50%, #3B443F 100%);
}
</style>