#67BCB8 - #CBDFAE | 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 #67BCB8 a #CBDFAE

#67BCB8 #CBDFAE

Calcule el color entre dos colores, #67BCB8 y #CBDFAE. 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)

#67BCB8 - #CBDFAE | 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 #67BCB8 como 0% y #CBDFAE como 100%.

0.0%	0.0% #67BCB8	RGB 103 188 184	#67BCB8
16.7%	16.7% #77C1B6	RGB 119 193 182	#77C1B6
33.3%	33.3% #88C7B4	RGB 136 199 180	#88C7B4
50.0%	50.0% #99CDB3	RGB 153 205 179	#99CDB3
66.7%	66.7% #A9D3B1	RGB 169 211 177	#A9D3B1
83.3%	83.3% #BAD9AF	RGB 186 217 175	#BAD9AF
100.0%	100.0% #CBDFAE	RGB 203 223 174	#CBDFAE

#67BCB8 #77C1B6 #88C7B4 #99CDB3 #A9D3B1 #BAD9AF #CBDFAE

#67BCB8 - #CBDFAE

Mezcla HSV

#67BCB8 - #CBDFAE | 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 #67BCB8 como 0% y #CBDFAE como 100%.

0.0%	0.0% #67BCB8	RGB 103 188 184	#67BCB8
16.7%	16.7% #71C1A9	RGB 113 193 169	#71C1A9
33.3%	33.3% #7CC79D	RGB 124 199 157	#7CC79D
50.0%	50.0% #88CD94	RGB 136 205 148	#88CD94
66.7%	66.7% #99D394	RGB 153 211 148	#99D394
83.3%	83.3% #B3D9A1	RGB 179 217 161	#B3D9A1
100.0%	100.0% #CBDFAE	RGB 203 223 174	#CBDFAE

#67BCB8 #71C1A9 #7CC79D #88CD94 #99D394 #B3D9A1 #CBDFAE

#67BCB8 - #88CD94 - #CBDFAE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67BCB8 0%, #88CD94 50%, #CBDFAE 100%);
    background: -webkit-linear-gradient(top, #67BCB8 0%, #88CD94 50%, #CBDFAE 100%);
    background: linear-gradient(to bottom, #67BCB8 0%, #88CD94 50%, #CBDFAE 100%);
}
</style>